StarTrivia - a quiz around birds

StarTrivia tests your knowledge in the world of birds and photography; fly high with your name on top of the scoreboard.

     

---

Live Website: StarTrivia

---

Video Demo:

StarTrivia.mp4

---

Built using:

Client:

• ReactJS - Frontend JavaScript library.
• React Router - Frontend routing & navigation.
• Redux - Centralized state management.
• React-Redux - Official React bindings for Redux.
• Redux Thunk - Middleware to perform delayed, asynchronous tasks.
• Starling UI - Component Library.
• SCSS - CSS preprocessor.

Server:

• Mockbee - Mock Backend.

---

Features

• Home page with all the Quiz categories
• Cateory page with all the Quiz in that category
• Rules Page before attempting Quiz
• MCQ based Quiz Question Page
• Quit Quiz
• Result Page with Answers & Score
• Authentication
• Responsive Site
• Loading & Alerts
• Light & Dark mode
• Remember login

---

Upcoming Features

• Leaderboard
• Timer for Quiz Questions
• Search Quiz
• Forgot Password
• User Profile Page
• Create Quizzes
• Share Quiz
• Play with Multiple Quiz Partners

---

Run Locally

• Clone the project git clone https://github.com/iRohitGaur/StarTrivia.git

• Go to the project directory

• cd StarTrivia

• Install dependencies yarn install

• Create a .env file

• Add the following configuration to your .env file

REACT_APP_JWT_SECRET=<random string here>

• Start the server yarn start

---

Learning and Growing with @neogcamp