App created for ADA Hackathon 2020, by Aryaman Singh and Nick Rocha. 2nd Place! 🥈
SelectionPanel Demo: https://youtu.be/azzB6HmSImY (ignore the music, YouTube added it 😑)
Alternative Panels (Retail and Location): https://youtu.be/N2lKW0lS0Rg
Link to description of project and Market Research: http://aryamans.me/assets/SelectionPanelAda.pdf
The app uses the ADA Template, which uses HTML, CSS, JavaScript and the ADA SDK. We used MaterializeCSS to design the item carousel, along with Material-UI icons by Google.
Steps to get it working after cloning the repository:
- yarn install
- yarn start
- ngrok.exe http 9008 --host-header=localhost (varies depending on OS)
- Copy URL to App URL
Note: You must run ngrok on another terminal (yarn and ngrok must be running concurrently). You'll need to update the URL in the Ada App generated by ngrok since it updates each time you open the port. You shouldn't have to do this too much since the localhost server should update as you make changes to the code.
You can switch to the alternative-panels branch to look at the code for the retail and location panels! Note that the ADA Bot is only meant to be used with master (Koodo Phone Plan), so the bot messages wouldn't make much sense with alternative-panels.