iamrishabhmehrotra / Quiz-Hub

A MERN Stack Quiz App with features like rating, viewing profile, leaderboard, question upload etc.

Home Page:https://quiz-hub-by-subrata-rudra.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Quiz-Hub

TECH STACK USED:

BACKEND:

NODE JS, EXPRESS JS

FRONTEND:

REACT JS

DATABASE:

MONGODB

Requirements

You should have Node JS installed in your device.

Set Up

  1. Clone the repository by using this command ➡️ git clone https://github.com/Subrata-Rudra/Quiz-Hub
  2. Open terminal in that folder.
  3. In the terminal run ➡️ cd backend
  4. Now run ➡️ npm install
  5. Now run ➡️ cd ../
  6. Now run ➡️ cd frontend
  7. Now run ➡️ npm install
  8. Now exit from terminal. Now, you are all set up to run the app on your device.

Run Locally

  1. Open the folder in VS Code.
  2. Create a new file named ".env".
  3. Now write a line in .env file MONGO_URI = URL_OF_YOUR_MONGODB_CLUSTER
  4. Now write another line in .env file JWT_SECRET = <YOUR_PRIVATE_JWT_SECRET>
  5. Open terminal in the folder.
  6. Run ➡️ cd backend
  7. Run ➡️ npm run start
  8. The backend will run on ➡️ PORT(5000)
  9. Now, open another new terminal in the same folder.
  10. Now run ➡️ cd frontend
  11. Now run ➡️ npm start
  12. Frontend will run on ➡️ PORT(3000)
  13. Open http://localhost:3000 in your browser, you will see that the website is live 🎉.

To access the backend without setting up the backend locally

BACKEND HOSTED LIVE LINK ➡️ https://quiz-hub-backend.onrender.com/

About

A MERN Stack Quiz App with features like rating, viewing profile, leaderboard, question upload etc.

https://quiz-hub-by-subrata-rudra.vercel.app/


Languages

Language:JavaScript 97.1%Language:CSS 1.8%Language:HTML 1.0%