Week 3 Bootcamp: Building a Quiz App

A progressive Approach

The third week of my Web3bridge boot camp proved to be intense, no longer requiring kid gloves to handle the intensity that comes with it. The previous weeks were gentle, with easy tasks and ample time, even receiving extensions at times. However, the dynamic has quickly shifted. Two assignments in two weeks, with a submission period of only two days each, is a challenging task while juggling other daily activities.

Enough of the ranting, let's dive into the task at hand! Our assignment is to build a quiz app, I broke down the structure into four sections.

Section 1: The Splash Screen

The Splash Screen serves as the traditional welcome screen for the app. Its purpose is to provide a visually appealing and inviting introduction to the quiz. This screen ensures a smooth transition into the quiz, avoiding a sudden and direct jump into the questions.

Section 2: The Start Screen

In the Start Screen section, users interact with a button that initiates the quiz. The design of this screen should be user-friendly, encouraging users to kick off the quiz with a simple click.

Section 3: The Rules for the Quiz

The Rules Screen is dedicated to providing users with information about the rules governing the quiz. Details such as the allotted time for each question, the total number of questions, scoring mechanics, and any additional guidelines are presented here.

Section 4: The Results

Finally, the Results Screen is where users discover their performance in the quiz. Upon completion, the app displays the user's score, possibly with additional details like correct and incorrect answers.

In the coming days, I will be tackling each section progressively, leveraging HTML for structure, CSS for styling, and JavaScript for interactivity.

You can find here the live link to the project. Stay tuned for updates on each section as the quiz app takes shape throughout the week!

I welcome your feedback on this.