vishwajeetraj11 / quizco-frontend

Quizco: Quiz Builder + Assessment Tool
https://quizco-app.netlify.app/
MIT License
21 stars 7 forks source link
mern-stack quiz quiz-builder quizapp react ts

Quizco - Quiz Builder and Assessment Application

Live: https://quizco-app.netlify.app/
Frontend: https://github.com/vishwajeetraj11/quizco-frontend
Backend: https://github.com/vishwajeetraj11/quizco-backend/
AI Quiz Builder Enabled only for Admin

💻 Screens

Landing Page Landing Page (Scrolled Down)
Quizco Landing Page Quizco Landing Page (Scrolled Down)
Quizzes Page Dashboard Page
Quizzes Page Dashboard Page
Selected Quiz in Dashboard Add/Update Questions
Player Screen Finish Quiz
Attempts Screen Statistics Screen
View All Questions Screen Question Statistics

Running it Locally:

  1. Go to Clerk Dashboard and create an application.
  2. Go to Clerk Dashboard > Your Application > Paths > Change the paths as in this image. image
  3. Make a MongoDB cluster and copy its connection string.
  4. Copy Frontend API Key and Backend API Key.
  5. Backend env.
  6. Frontend env.
    • REACT_APP_CLERK_FRONTEND_API=
  7. Install Dependencies.
  8. Run Backend (yarn dev), Run Frontend (yarn start)