Stack Quiz

Stack Quiz is an interactive quiz application designed to test and improve your knowledge in various technology-related subjects. Built using modern frontend technologies, this project provides an engaging and responsive experience across all devices.

Demo Source code

💻 Overview

✅ Features

Stack Quiz offers a variety of features to enhance user engagement and accessibility:

📝 Select a quiz subject.
🎯 Choose the correct answer from multiple-choice options.
🚫 Receive error messages for incomplete submissions.
✔ Get instant feedback on your answers.
👉 Navigate seamlessly to the next question.
🎉 View your final score upon quiz completion.
🔁 Restart the quiz to select another topic.
📱 Enjoy a fully responsive design across all devices.
👀 Experience smooth hover and focus states.
🎮 Use the app entirely via keyboard navigation.
🌙 Toggle between light and dark themes.

🛠 Technologies Used

Framework: Next.js (Canary)
ORM: Prisma
Database: PostgreSQL
Styling: Tailwind CSS
State Management: Context API
Deployment: Vercel

👉 Run Project

Prerequisites

Ensure you have the following installed on your system:

Node.js (LTS version recommended)
pnpm

Setup and Run

Clone the Repository

$ git clone https://github.com/KassiaMabily/stack-quiz
$ cd stack-quiz

Environment Variables
```
$ cp .env.example .env
```
Install Dependencies
```
$ pnpm install
```
Run the App
```
$ pnpm dev
```

👥 Author

<div align="center"> <small>Kassia Fraga - Dezembro/2024</small>

</div>

Attribution

Authors