Quiz App Project

Still on the Side Hustle Boot camp matter…

It’s week 5 now and everyone seems to have become accustomed to working on projects so, we definitely hit the ground running on this one. This week, the goal was to build a Quiz App in accordance with the design and descriptions stipulated on Codedamn as shown below.

A11A8F66-8EAA-4FC1-9517-9059CF1FE528.jpeg BF784794-17C6-4FAC-9B6D-4D184173CB86.jpeg

833D2BF7-E6E3-4BE1-91B5-E3381BE9589D.jpeg

DEC3B544-8781-4466-B205-14C86BC90D45.jpeg

DCC044C2-0440-4735-B7AE-C7F6E8584260.jpeg

As soon as the project was assigned, the Team Lead Al-hameen Mohammed created a ReactJS repository, shared tasks and every one got to work ASAP on Sunday July 3rd. As always, team members created branches according to their assigned sections and were pushing to GitHub and merging with the main branch as necessary.

The project structure

The Homepage was coded by Victor MathiasThis is the first-port-of-call for the user before attempting the quiz.

The High scores page was done by Grace Nwafor. This feature enabled the user to view all the high scores stored in the local storage.

Abubakar Sodiq fitted the app with timer function which was set to 50 seconds and starts counting down as soon as the start quiz button is clicked.

The team lead Al-hameen Mohammed worked on the Quiz Page. This is the main crux of the project. Here, the user would answer a question by choosing the correct answer out of 4 given options.

Stanley Chinonso was given the task to work on the Results page, which is supposed to display “All done” as soon as the timer got to 0.

Ruby worked on linking all the pages as soon as everyone was done. Finally, I Lola Ojo-Ade was charged with keeping up with what everyone was working on and documenting it here on Hashnode.

Everything that works is connected

Synergy and communication were the highlights of this task. If you observe, the parts are intricately intertwined and it took genius minds to pull this off. Although we are still working on mobile responsiveness and some other finishing touches, the basic functions are up and running.

The final product can be viewed on Quiz-App Please try out the quiz and let us know what you think.

Once again, big ups to the team for making it this far.