https://github.com/mohammadhashim135/answerme
AnswerMe is an interactive and responsive quiz application powered by Next.js and the Trivia API. It provides users with fun and challenging quizzes across various categories and difficulty levels. With a sleek UI, real-time feedback, and smooth animations, AnswerMe ensures an engaging quiz experience.
https://github.com/mohammadhashim135/answerme
app game github good-first-issue interactive nextjs nextjs14 open-source quiz trivia
Last synced: 4 months ago
JSON representation
AnswerMe is an interactive and responsive quiz application powered by Next.js and the Trivia API. It provides users with fun and challenging quizzes across various categories and difficulty levels. With a sleek UI, real-time feedback, and smooth animations, AnswerMe ensures an engaging quiz experience.
- Host: GitHub
- URL: https://github.com/mohammadhashim135/answerme
- Owner: mohammadhashim135
- Created: 2025-03-12T19:07:47.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-06T06:06:34.000Z (about 1 year ago)
- Last Synced: 2025-05-21T22:13:15.022Z (about 1 year ago)
- Topics: app, game, github, good-first-issue, interactive, nextjs, nextjs14, open-source, quiz, trivia
- Language: TypeScript
- Homepage: https://answermeapp.vercel.app
- Size: 1.88 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **AnswerMe** 🎯
**A Dynamic Quiz App Built with Next.js & Trivia API**
## **Overview**
AnswerMe is an interactive and responsive quiz application powered by Next.js and the Trivia API. It provides users with fun and challenging quizzes across various categories and difficulty levels. With a sleek UI, real-time feedback, and smooth animations, AnswerMe ensures an engaging quiz experience.
---
## **Features** 🚀
✅ **Dynamic Quizzes** Fetch quiz questions from the Trivia API with different categories and difficulties.
✅ **Category & Difficulty Selection** Users can customize quizzes based on their interests.
✅ **Timer-Based Questions** Each question is time-limited to enhance engagement.
✅ **Live Score Updates** Real-time feedback on correct and incorrect answers.
✅ **Interactive UI & Animations** A modern, responsive design with smooth transitions.
✅ **Responsive Design** Works seamlessly across mobile, tablet, and desktop devices.
---
## **Tech Stack** 🛠
- **Frontend:** Next.js, React.js, Tailwind CSS
- **State Management:** React Hooks (`useState`, `useEffect`)
- **API:** Trivia API for fetching quiz questions
- **UI Components:** Font Awesome icons, TailwindCSS for responsive design
- **Other:** next.config.js for configuration, dotenv for environment variables
---
## **Installation & Setup** 🏗
### **1. Clone the Repository**
```bash
git clone https://github.com/mohammadhashim135/answerme.git
cd answerme
```
### **2. Install Dependencies**
```bash
npm install
```
### **3. Start the Application**
```bash
npm run dev
```
---
## **Usage Guide** 📝
🔹 **Select a Category & Difficulty** – Choose a quiz topic and difficulty level.
🔹 **Start the Quiz** – Answer questions within the given time.
🔹 **View Instant Feedback** – Get real-time responses on correct and incorrect answers.
🔹 **Play Again** – Try new quizzes with different categories.
---
## **Project Structure** 📂
```bash
app/
│── questions/
│── css/
│── layout.tsx
│── page.tsx
components/
│── modals/
│── ui/
hooks/
lib/
public/
next.config.mjs
package.json
```
---
---
## **Contributing** 🤝
Contributions are welcome! If you’d like to improve AnswerMe, feel free to fork the repo and submit a pull request.
### **Steps to Contribute:**
### **1. Fork the repository**
### **2. Create a new branch:**
```bash
git checkout -b feature-branch
```
### **3. Make your changes and commit:**
```bash
git commit -m "Added new feature"
```
### **4. Push to the branch:**
```bash
git push origin feature-branch
```
### **5. Open a Pull Request**
---
## **License** 📜
This project is licensed under the MIT License.
💡 Developed with ❤️ by [Mohammad Hashim](https://github.com/mohammadhashim135/answerme.git)