Back to tasks
Task 1: Create a Sample USSD App Using JavaScript

Task Description

In this challenge, you'll create a simple USSD (Unstructured Supplementary Service Data) application interface using HTML, CSS, and JavaScript. USSD applications are used in mobile networks for services like balance checks, mobile banking, and more. This task will help you understand how USSD interactions can be simulated in a web environment. Create a sample USSD (Unstructured Supplementary Service Data) app using JavaScript that simulates a simple banking menu system.

Example

The USSD app will simulate the following menu structure:

            1. Check Balance
            2. Transfer Money
            3. Buy Airtime
            4. Exit
            

Each menu option will lead to further actions or submenus. For simplicity, we will only implement the first two options with basic interactions.

Implementation Steps

  1. Setup HTML Structure: Create an HTML file with an input field for user interaction and a display area for showing the menu.
  2. Create CSS for Basic Styling: Add some basic styling to make the app look clean and user-friendly.
  3. Implement JavaScript Logic: Write JavaScript code to handle user input and navigate through the menu options.

Example Snapshots

This is an example of what the app should display. Feel free to get creative with it.

Main menu Option 1 Option 2 Option 3 Option 4

Example Solution:

Demo | Download

Support & Submission

Create a zip of your attempt including snapshots of your menus then forward it to:

or Email: playground@ilebora.com


Feel free to interact with me for support:

HAPPY CODING!!!