quizco-frontend

Quizco: Quiz Builder + Assessment Tool

MIT License

Stars
21
View Code on GitHub Visit Website View on X
Ecosystems: React

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)
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.
  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)