Skip to content

patanahid/Quizopia

Repository files navigation

Quizopia - Modern Quiz Application

Quizopia is a feature-rich quiz application built with React and TypeScript, offering a seamless experience for creating, taking, and managing quizzes.

Features

Quiz Taking

  • Save & Resume: Save your quiz progress and resume later
  • Timer: Built-in timer with pause/resume functionality
  • Question Navigation: Easily navigate between questions
  • Mark for Review: Flag questions to review later
  • Progress Tracking: Visual progress indicator
  • Instant Results: Get detailed results upon completion

Quiz Management

  • Create & Edit: Create new quizzes or edit existing ones
  • Rich Text Support: Questions support Markdown formatting
  • Time Limits: Set custom time limits for quizzes
  • Question Types: Support for multiple-choice questions
  • Quiz Settings: Configure shuffle and time limit options

User Interface

  • Dark/Light Mode: Toggle between dark and light themes
  • Responsive Design: Works on desktop and mobile devices
  • Modern UI: Built with shadcn/ui components
  • Toast Notifications: Informative feedback messages
  • Confirmation Dialogs: Prevent accidental actions

Data Management

  • Local Storage: All quizzes and progress saved locally
  • Progress Persistence: Auto-save feature prevents data loss
  • Clear Progress: Option to clear saved progress
  • JSON Import/Export: Share quizzes via JSON format

Tech Stack

  • React: Frontend framework
  • TypeScript: Type-safe development
  • Vite: Build tool and dev server
  • Tailwind CSS: Utility-first styling
  • shadcn/ui: UI component library
  • React Router: Navigation and routing
  • Sonner: Toast notifications
  • React Markdown: Markdown rendering

Getting Started

  1. Clone the repository:

    git clone <repository-url>
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev
  4. Open http://localhost:5173 in your browser

Usage

Taking a Quiz

  1. Select a quiz from the home page
  2. Click "Start Quiz" to begin
  3. Answer questions and use navigation buttons
  4. Use "Save & Exit" to save progress
  5. Resume from where you left off later

Creating a Quiz

  1. Click "Create Quiz" on the home page
  2. Fill in quiz details and questions
  3. Set time limit and other settings
  4. Save the quiz

Managing Quizzes

  • Edit existing quizzes
  • Delete unwanted quizzes
  • Clear saved progress
  • Import/Export quiz data

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

A quiz app, lets see, it can be good.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages