Create a Mobile Website

Basic Introduction: The app has to be developed in Javascript with any mobile frameworks like Ionic with Angular JS (or Framework 7). The app is used to play the educational audio stored for the school children. The categories for school children includes Kindergarten, elementary, middle etc. The audio files are stored and retrieved with SoundCloud (using its API). Each user is logged in and they should be able to store play lists. App has to use Firebase for storing its users data, their playlists and audio track IDs (actual audio files are stored in SoundCloud). The app can use any functions of PhoneGap, as it should be able to host as mobile website and also able to convert to apps for Android and iPhone. Main Features: 1. App has a login screen used with Twitter’s Digits Plugin (Simple to use JS library), using only the name, email and phone number. 2. Once logged in, the app has to show the categories of audio stored (can be multiple screens because of sub-categories) 3. User can see audio (one or multiple tracks) stored for that particular category (or sub-category) 4. Users can play one or multiple audio tracks with the check box selection (no Shuffling allowed, just in order of selection) 5. User can store the selected audio tracks as a playlist (multiple playlists for a user is allowed) 6. User can see the stored playlists and play the playlist anytime No fancy features, only very basic features as you can see above But, given basic features should be shown in a very attractive screen pages and easy to user navigational structure (any idea is welcome). The budget of the project is around 200 - 250 USD. Screen 1: Login Screen Screen 2: Basic Categories (Tile based) Screen 3a: Sub categories (List based with basic search functionality provided by all mobile JS frameworks Screen 3b,c,d —> Any number of sub-categories to be allowed if that is available, most categories have only one sub-category Screen 4: List of tracks and user can play the tracks Screen 5: Currently playing track (25% of the screen) and 75 % of the screen for ads (to be defined later) Screen 6: List of playlists May be 1or 2 screens be added, according to the need. Anyone willing to do around this budget are most welcome. Thank you.