Home
Softono

Quizco Frontend

Open source MIT TypeScript
21
Stars
7
Forks
1
Issues
1
Watchers
4 months
Last Commit

 About Quizco Frontend

Quizco: Quiz Builder + Assessment Tool

Platforms

Web Self-hosted

Languages

TypeScript

Need Help Installing Quizco Frontend?

We provide expert installation service for this software. Our team will install, configure, and secure Quizco Frontend on your server. plans start at just $30.

Quizco Frontend

View on GitHub

Quizco - Quiz Builder and Assessment Application

Live: https://quizco.vishwajeet.co/
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=<PORT>
    - CLERK_API_KEY=<CLERK_BACKEND_API_KEY>
    - CLERK_API_URL=https://api.clerk.dev
  6. Frontend env. - REACT_APP_CLERK_PUBLISHABLE_KEY=<CLERK_PUBLISHABLE_KEY>
  7. Install Dependencies.
  8. Run Backend (yarn dev), Run Frontend (yarn start)

Node.js:

  • Use Node.js 20.19.0 for local development (.nvmrc), and Node.js 20.19.0 or higher is required.
  • Netlify is configured to build this site with Node.js 20.19.0 in netlify.toml.