Quiz-Application

KO | EN

gitlite — search

#javascript #hacktoberfest #typescript #llm #go #macos #nodejs #java #awesome #kubernetes #awesome-list #security #ios #open-source

Quiz-Application

(★ 41)

The MERN-Quiz-App is a web-application where users can come and attempt the quiz and get the result. Also, Admin has access to add the Quiz on a front page and delete the user functionality . The Tech Stack used HTML, CSS, JavaScript, MongoDB, React, Redux,

Quiz-Application 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Quiz-Application
Quiz-Application Using MERN Stack Technology: In this project there are two portals one for admin and one for user <br><b>Admin:</b> admin can create quiz , add question to the quiz , modify the quiz , modify the answers or questions and can view reports of all users <br><b>User:</b> user can login and attempt the quiz and view the result and find the answers of all the question  quiz completion
##How to run this

➡️➡️ for access admin panel go to database where user is stored in the column admin make it true
#
## Installation

```bash
# Make sure you have your own url for mongodb cluster add it in the .env file to store data in your databases for Ex-
mongodb+srv://<Name>:<Password>@cluster0.4u4rtje.mongodb.net/

# Install dependencies for server in the root directory
npm install
# and run the server
npm start

# open the another terminal and go to the client directory and install the dependencies for client
cd .\client\
npm install
# after installation run the client
npm start

# Server runs on  http://localhost:3000
```

<i><h2>1) Registration Page</h2></i>
<img src="https://github.com/kanishkpatel1/Quiz-Application/blob/main/images/register.png"/>
<i><h2>2) Login Page</h2></i>
<img src="https://github.com/kanishkpatel1/Quiz-Application/blob/main/images/login.png"/>
<i><h2>3) Admin Profile Home Page</h2></i>
<img src="https://github.com/kanishkpatel1/Quiz-Application/blob/main/images/admin_homepage.png"/>
<i><h2>4) Add Quiz Page in which Admin Post the Quiz into the MongoDB Database</h2></i>
<img src="https://github.com/kanishkpatel1/Quiz-Application/blob/main/images/admin_add_exam.png"/>
<i><h2>5) Add Questions in Quiz </h2></i>
<img src="https://github.com/kanishkpatel1/Quiz-Application/blob/main/images/admin_add_ques.png"/>
<i><h2>6) Edit Exam by Admin </h2></i>
<img src="https://github.com/kanishkpatel1/Quiz-Application/blob/main/images/admin_edit_exam.png"/>
<i><h2>7) Edit Que by Admin </h2></i>
<img src="https://github.com/kanishkpatel1/Quiz-Application/blob/main/images/admin_edit_que.png"/>
<i><h2>8) User's Profile </h2></i>
<img src="https://github.com/kanishkpatel1/Quiz-Application/blob/main/images/user_home.png"/>
<i><h2>9) Instructions before exam </h2></i>
<img src="https://github.com/kanishkpatel1/Quiz-Application/blob/main/images/User_instruction.png"/>

<i><h2>10) User Result</h2></i>
<img src="https://github.com/kanishkpatel1/Quiz-Application/blob/main/images/user_result.png"/>

<i><h2>11) Reports of all users that can be seen by only admin </h2></i>
<img src="https://github.com/kanishkpatel1/Quiz-Application/blob/main/images/admin_report.png"/>
<i><h2>12) User can see only his/her report </h2></i>
<img src="https://github.com/kanishkpatel1/Quiz-Application/blob/main/images/user_report.png"/>

Quiz-Application

Quiz-Application 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Quiz-Application

Quiz-Application 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README