Skip to content

This is a web-based quiz application with gamification features that enhance user engagement. It fetches quiz data from an API and presents it through an intuitive and interactive UI

Notifications You must be signed in to change notification settings

rafirabby13/flow-with-gamification-client

Repository files navigation

Website Name: Flow With Gamification Quiz App

This is a web-based quiz application with gamification features that enhance user engagement. It fetches quiz data from an API and presents it through an intuitive and interactive UI

react logo mongodb logo tailwindcss logo npm logo html5 logo

Features

🎯 Interactive Quiz Experience – Engaging UI with smooth animations and transitions.
🌍 API-Driven Quizzes – Fetches dynamic quiz data from an API for fresh and updated content.
🏆 Progress Tracking – Tracks user scores and correct answers.
🎨 User-Friendly Design – Responsive UI with visually appealing elements.
📱 Mobile-Friendly – Fully responsive for seamless play on any device.

Dependencies

"@tanstack/react-query": "^5.65.1",
"axios": "^1.7.9",
"react": "^18.3.1",
"react-awesome-reveal": "^4.3.1",
"react-dom": "^18.3.1",
"react-helmet": "^6.1.0",
"react-icons": "^5.4.0",
"react-router-dom": "^6.29.0",
"sweetalert2": "^11.15.10"

how to run the project locally

1.Clone the repository
2.Run npm install to install dependencies
3.Set up the .env file with API keys and database credentials
4.Start the server with npm run dev

About

This is a web-based quiz application with gamification features that enhance user engagement. It fetches quiz data from an API and presents it through an intuitive and interactive UI

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published