https://github.com/mdrakibmia99/quiz-app

https://github.com/mdrakibmia99/quiz-app

redux redux-toolkit shadcn-ui vite

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/mdrakibmia99/quiz-app
• Owner: mdrakibmia99
• Created: 2025-01-06T15:01:11.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2025-02-09T16:29:15.000Z (4 months ago)
• Last Synced: 2025-02-09T17:30:34.496Z (4 months ago)
• Topics: redux, redux-toolkit, shadcn-ui, vite
• Language: TypeScript
• Homepage: https://redux-quiz-app-mocha.vercel.app
• Size: 912 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Quiz Application

[Live Link](https://redux-quiz-app-mocha.vercel.app/)

### **Overview:**

The "Redux Quiz App" allows users to answer quiz questions with a user-friendly interface. It uses Redux for state management, providing a dynamic and responsive experience. Key features include tracking user progress, real-time feedback, and a score summary at the end of the quiz

* * *

  

## Technologies

*   **Vite**

*   **TypeScript**

*   **Redux**

*   **Shadcn**

* * *

### **Locally Project Setup:**

```

git clone https://github.com/mdrakibmia99/quiz-app.git

cd quiz-app

npm install

```

---

### **create .env in root file:**

```

VITE_REACT_APP_SERVER_URI=YOUR_SERVER_URI

```

---

#### Run Project:

```

npm run dev 

```

## Features and Requirements

### Before Login

 Home Page

 ![Quiz Home page Image](./src/assets/images/homePage.png)

#### Login Page:

![Quiz login page image](./src/assets/images/loginPage.png)

#### SignUp Page:

![Quiz signUp page image](./src/assets/images/sigupPage.png)

## After Login: user can start quiz

#### complete all quiz step by step

![Quiz img](./src/assets/images/1.png)

#### User will see his/her result after completing the quiz

![Quiz img](./src/assets/images/2.png)

#### if you want to see the result information just click the check Quiz Result button

![Quiz img](./src/assets/images/3.png)

#### Result

![Quiz img](./src/assets/images/4.png)