QuizChain is a simple, interactive quiz platform built with React and Tailwind CSS. It allows users to play quizzes dynamically loaded from JSON files, providing an engaging and lightweight experience.
-
Interactive Quizzes:
Fun and easy-to-play quizzes with instant feedback. -
Dynamic Content:
Quiz questions and answers are loaded from JSON files, allowing easy updates and customization. -
Responsive Design:
Tailwind CSS ensures a seamless experience across all devices.
- Frontend: React, Tailwind CSS
- Data Source: JSON for quiz questions and answers
- Deployment: Vercel
Follow these steps to run QuizChain locally:
- Node.js (v18 or later)
- A code editor (e.g., VS Code)
git clone https://github.com/Sohamm/quizchain.gitcd quizchainnpm installnpm run dev-
Quiz Data: The quizzes are stored as JSON files in the /data folder.
-
Example JSON format:
[
{
"question": "What is the capital of France?",
"options": ["Paris", "London", "Berlin", "Madrid"],
"answer": "Paris"
},
{
"question": "Who developed React?",
"options": ["Google", "Facebook", "Microsoft", "Twitter"],
"answer": "Facebook"
}
] -
Dynamic Loading: The app dynamically parses and renders quiz data from JSON using React.
-
Styling: Tailwind CSS ensures a responsive and modern design for all devices.
-
Step 1 - Fork the repository.
-
Step 2 - Create a new branch.
git checkout -b feature-name- Step 3 - Commit your changes.
git commit -m "Add feature-name"- Step 4 - Push to your branch.
git push origin feature-name- Step 5 - Open a pull request.
I am not puting that here, Just visit my github profile :)
Check out the live demo: https://web3-quiz-kappa.vercel.app/