https://github.com/sagardwivedi/f-quiz

Fun Quizz App
https://github.com/sagardwivedi/f-quiz

nextjs shadcn-ui tailwindcss zustand

Last synced: about 2 months ago
JSON representation

Fun Quizz App

• Host: GitHub
• URL: https://github.com/sagardwivedi/f-quiz
• Owner: sagardwivedi
• Created: 2024-03-26T12:03:25.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-30T15:49:07.000Z (9 months ago)
• Last Synced: 2024-03-30T16:39:38.437Z (9 months ago)
• Topics: nextjs, shadcn-ui, tailwindcss, zustand
• Language: TypeScript
• Homepage: https://fquiz-eight.vercel.app
• Size: 235 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Quiz Web App

Welcome to the Frontend Quiz Web App! This application is designed to test your knowledge of frontend development concepts in a fun and interactive way. Whether you're a beginner or an experienced developer looking to refresh your skills, this quiz app is for you.

## Features

- **10 Questions:** The quiz consists of 10 multiple-choice questions on various frontend development topics.

- **Interactive Interface:** User-friendly interface for seamless navigation through the quiz.

- **Score Tracking:** Keep track of your score as you progress through the quiz.

- **Instant Feedback:** Receive immediate feedback on your answers to learn and improve.

- **Dark and Light Mode:** Choose between dark and light mode themes for comfortable viewing.

## Technologies Used

- Next.js (Frontend Framework)

- Tailwind CSS (CSS Framework)

- Zustand (State Management)

- shandcn/ui (UI Components)

## Instructions

1. Read each question carefully.

2. Select the answer you believe is correct.

3. Click the "Next" button to proceed to the next question.

4. After completing all questions, click the "Submit" button to see your final score.

## Dark and Light Mode

![Dark Mode](./images/fquizzDark.png)

_Dark Mode: Enhance your quiz experience with a sleek dark theme._

![Light Mode](./images/fquizzLight.png)

_Light Mode: Opt for a classic light theme for a comfortable viewing experience._

## Deployment

This quiz app is deployed on Vercel. You can access the live version by visiting [Quiz App](https://fquiz-eight.vercel.app/).

## Credits

- Frontend Quiz Web App was created by Sagar Dwivedi & Inspiration from FrontedMentor.

- Dark and light mode screenshots are from the actual application.

## Feedback and Contributions

If you have any feedback, suggestions, or would like to contribute to the project, feel free to reach out to [email protected]

Thank you for using the Frontend Quiz Web App! Happy quizzing!