tejas-24ytj/the-brainybowl

The BrainyBowl web app is built using React JS. It allows the user to select the criteria for their quiz from a list of options. The user can then proceed to answer the questions in the quiz and their performance will be tracked and shown in the scoreboard.

✨ The BrainyBowl (A Quiz Web App) ✨

Live Project : https://65f5d3745ee8bcd926de8af7--unrivaled-cranachan-d6ecc1.netlify.app/

Tech Stack :

• Frontend: HTML,CSS,React Js, Java Script, Bootstrap, Chakra UI
• Version Control: Git and GitHub
• Hosting: Netlify
• Code Editor and tools: VS Code

✨ Welcome to BrainyBowl ✨

Table of Contents

- Overview
- UI of Website
- Contribution Guideline

Overview 🔨

This web app is built using React JS. It allows the user to select the criteria for their quiz from a list of options. The user can then proceed to answer the questions in the quiz and their performance will be tracked and shown in the scoreboard. Moreover, the app can be designed to be responsive and user-friendly.

UI of the Website

Home Page

Question Page

Score Board Page

Deploy to docker -

Ensure Docker is installed on your PC and Docker Desktop is running seamlessly in the background.

1. Navigate to the directory where the Dockerfile exists.

2. After navigating to the directory run the command given below - "docker build -t ." here -t means tag and its followed by image_name you can give the name of image whichever you want but give the name in smallcase.

3. After building the docker image run the docker image using the below command - "docker run -d -p 8000:80 " here -d = detached mode -p = port mapping localhost:containerPort

4. use the command "docker ps" to check whether the conatiner is running or not.

5. Navigate to localhost:8080 of your PC and thats it you will see your application is running on docker.