Skip to content

vishwajeetraj11/quizco-frontend

Repository files navigation

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. - DB_PASSWORD=<DB_PASSWORD>
    - MONGODB_URI=<MONGODB_URI>
    - PORT=
    - CLERK_API_KEY=<CLERK_BACKEND_API_KEY>
    - CLERK_API_URL=https://api.clerk.dev
  6. Frontend env. - REACT_APP_CLERK_FRONTEND_API=<CLERK_FRONTEND_API>
  7. Install Dependencies.
  8. Run Backend (yarn dev), Run Frontend (yarn start)