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.
- 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.
- 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.
Follow these steps to set up the project on your local machine:
- Clone the repository:
git clone https://github.com/isaias-alt/code-quizz.git
cd code-quizz- Install dependencies:
# Install pnpm globally if you don't have it:
npm install -g pnpm
# and install dependencies:
pnpm install- Start the development server:
pnpm run devpnpm 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.
Contributions are welcome! If you have any ideas or find any bugs, please open an issue or submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.
- Author: Lucas Casco
- GitHub: isaias-alt
- Website: lucasco.dev
- Email: cascolucasisaias@gmail.com
- Twitter: lucascodev
Enjoy using Code Quizz and enhance your programming skills!