Skip to content

Latest commit

 

History

History
75 lines (50 loc) · 2.51 KB

README.md

File metadata and controls

75 lines (50 loc) · 2.51 KB
Raw

Code Quizz

Code Quizz

Description

Code Quizz is an interactive web application that allows users to answer code-related questions in various programming languages, based on this midudev video. The application utilizes React, TypeScript, Vite for fast development, Zustand for state management, and Material UI (MUI) for a polished user interface.

Features

  • Multi-language Support: Questions available in JavaScript and Dart (more coming soon).
  • State Management: Zustand for simple and effective state management.
  • Modern UI: Designed with Material UI for an attractive user experience.
  • Real-time Results: Instant feedback on user answers.

Technologies Used

  • React - JavaScript library for building user interfaces.
  • TypeScript - Superset of JavaScript adding static types.
  • Vite - Fast frontend development tool.
  • Zustand - State management for React.
  • Material UI - React components library for UI.
  • Canvas Confetti - Confetti effects for celebrations.

Installation

Follow these steps to set up the project on your local machine:

  1. Clone the repository:
git clone https://github.com/isaias-alt/code-quizz.git
cd code-quizz
  1. Install dependencies:
# Install pnpm globally if you don't have it:
npm install -g pnpm

# and install dependencies:
pnpm install
  1. Start the development server:
pnpm run dev

Available Scripts

  • pnpm run dev: Starts the development server.
  • pnpm run build: Builds the app for production.
  • pnpm run lint: Runs TypeScript and React code linter.
  • pnpm run preview: Previews the built app.

Contribution

Contributions are welcome! If you have any ideas or find any bugs, please open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contact

Enjoy using Code Quizz and enhance your programming skills!