Skip to content

It's a Quiz application in which you can test your knowledge by giving answers of the given questions.

Notifications You must be signed in to change notification settings

yashtomar15/Quiz-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Quiz-app

It is a Quiz application which provides a questions to test your knowledge.
for taking a quiz you need to register or login on the website.
on successfull login you will redirect to your quiz, after attemting all questions you need to submit your answers to get your score.

Deployed url
https://quiz-app67.netlify.app/

1.click here for How to build?
2.click here for How to deploy?

Usage of application

1. Signup Page

Screenshot (649)

In this page user can register

2. Login Page

Screenshot (657)

here user can login with his credentials.

3. Home/Quiz Page

Screenshot (667)

Quiz starts now

4. Result Page

Screenshot (660)

In this Page user will get his score



How to build the application?

first you need to clone the repo by using given command

git clone https://github.com/yashtomar15/Quiz-app.git

then you nedd to install dependencies by using given command

npm install

then you can build the application by using given command

npm run build

How to deploy?

After building the appplication succesfully.
Now you can deploy this by using netlify.
Netlify is an platform which helps developers to build, test, and deploy websites. By unifying the modern decoupled web elements from local development processes to advanced logics, Netlify is offering an amazingly faster way to ensure much more performant, scalable, and secure websites and applications.

Steps to deploy by using netlify GUI

1.first you need to create account on netlify
2.In homepage of website you will find a "Add new site" button.
>> inside this button you will get an option for deploy manually.
3.On clicking on deploy manually, it will open a interface.
4.In this interface you need to drag and drop your build folder which is inside in your repository (created on the time of building the app).

At this point your website is succesfully deployed

Tech stack used in project

Frontend
1.HTML
2.CSS
3.React JS
4.Redux
5.Styled-Components
Backend
1.Node JS
2.Express JS
3.Mongodb

Feel free to connect on
Linkedin
Email
Twitter

About

It's a Quiz application in which you can test your knowledge by giving answers of the given questions.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published