Quiz app

• 

  Quiz

• 

  Menu

• 

  Info

Inspiration

The idea was to mix math, fun and accessibility together. The website was built to be appealing to children. The colors and the design were carefully selected. The website was created to be simple and intuitive but useful.

What it does

1. Users can practice any of the 4 basic operations ( +, -, /, *) using this app.
2. I have added a text to speech feature in hopes that visually impaired individuals have more support when using the application.
3. Visual feedback is also provided. For instance, when adding an answer to a question, a toast notification will display whether the answer given is correct or wrong.
4. Audio feedback is provided as well. For example, when playing the game, different sounds are played when the given answer is correct or wrong.

How we built it

1. ReactJS for frontend and interactivity
2. Sass for styling, animation and responsiveness (mobile-friendly)
3. AWS for deployment

Challenges we ran into

1. Managing react form submission
2. Hosting a react-app using AWS

Accomplishments that we're proud of

1. Hosting a react-app using AWS
2. Creating a working platform for kids

What we learned

1. Setting up AWS S3 bucket to host a static website
2. Hosting a react-app using AWS
3. Generating random even numbers with JavaScript
4. Generating random numbers within a specific range with JavaScript
5. Generating random math operations with JavaScript
6. Adding a text-to-speech feature within a react application

What's next for Quiz app

1. Improve accessibility
2. Add levels

Built With

• react
• scss