Welcome to Trivio, a responsive and interactive quiz application built with React. Challenge your knowledge with trivia questions powered by Open Trivia Database, track your score, race against time, and even resume your quiz after closing the browser!
✅ User Authentication
Simple login system to personalize quiz sessions.
🧠 Dynamic Trivia Questions
Questions fetched in real-time from OpenTDB. Mix of categories, difficulty levels, and types.
🕐 Timer-Based Challenge
Set your own quiz duration and test your knowledge under pressure!
📄 One Question Per Screen
Clean and focused UI — each question is shown individually, moving automatically after an answer is selected.
📊 Live Progress Tracking
Displays total number of questions, answered count, and results summary (correct, incorrect, attempted).
💾 Resume Quiz on Browser Reopen (Bonus Feature!)
State is saved in localStorage, so users can resume where they left off — even after closing the tab!
📱 Fully Responsive UI
Mobile-friendly interface ensures a smooth experience across devices.
- ⚛️ React And TypeScript (FrontEnd) | Express Js And TypeScript (Back End Auth)
- 🛠️ React Hooks , Context API,TanStack Table
- 📦 Axios
- 🧩 OpenTDB API
- 💾 LocalStorage
- 🎨 Tailwind CSS And Material UI
(Insert screenshots or GIFs here to showcase the login, quiz, timer, and results pages)
git clone https://github.com/yourusername/trivio.git
cd trivio
npm install
npm start