Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shashank02051997/quizziethunder-reactjs

Quizzie Thunder offers a captivating trivia quiz experience with a beautiful UI. 🌟 Developed using Node.js and MongoDB on the backend and React.js on the frontend, the app ensures seamless performance. πŸš€ Track progress, compete with friends through dynamic rankings, and enjoy a competitive edge in your trivia mastery journey. πŸ†
https://github.com/shashank02051997/quizziethunder-reactjs

nodejs react reactjs webapp

Last synced: about 2 months ago
JSON representation

Quizzie Thunder offers a captivating trivia quiz experience with a beautiful UI. 🌟 Developed using Node.js and MongoDB on the backend and React.js on the frontend, the app ensures seamless performance. πŸš€ Track progress, compete with friends through dynamic rankings, and enjoy a competitive edge in your trivia mastery journey. πŸ†

Awesome Lists containing this project

README

        

# Quizzie Thunder

Quizzie Thunder Logo

## Description

Quizzie Thunder delivers an immersive trivia quiz experience, seamlessly blending knowledge and aesthetics, with its exceptionally beautiful user interface. 🌟 Behind the scenes, the app is powered by a robust backend developed using Node.js and MongoDB, ensuring a seamless and responsive quiz environment. πŸš€ Track your progress effortlessly, compete with friends through dynamic user rankings, and elevate the thrill of answering questions with a competitive edgeβ€”all made possible by the cutting-edge technologies of Node.js and MongoDB on the backend, and React.js on the frontend. πŸ† Unleash the power of technology in your quest for trivia mastery with Quizzie Thunder!

⭐ Note: The website may require some time for the server to spin up.

## Table of Contents

- [Installation](#installation)
- [Features](#features)
- [Screenshots](#screenshots)
- [Technologies Used](#technologies-used)
- [Contributing](#contributing)
- [Links](#links)
- [License](#license)

## Installation

To install Quizzie Thunder, follow these steps:

1. Clone the repository.
2. Install the dependencies in both the client and server directories by running `npm i` at the root directory.
3. Run `npm start` at the root directory to start the app in your browser.
4. Navigate to http://localhost:3000/ to view the project.

## Features

Quizzie Thunder provides a range of features:

πŸ” User Authentication:

- Sign In and Sign Up: Users can easily create accounts or log in to access the quiz platform.

πŸ“± OTP Verification:

- Secure Verification: Ensure user authenticity through OTP verification, adding an extra layer of security.

πŸ† Ranking System:

- Dynamic User Rankings: Compete with others and track your progress through a dynamic ranking system.

🌐 Categories and Variety:

- Diverse Quiz Categories: Explore a range of quiz categories, each offering a variety of questions to keep the experience engaging.

πŸ€” Question Variety:

- Rich Question Database: Enjoy a diverse set of questions within each category, making every quiz unique.

## Screenshots

Screenshot 2023-11-21 at 1 29 33β€―AM
Screenshot 2023-11-21 at 1 30 45β€―AM
Screenshot 2023-11-21 at 1 29 51β€―AM
Screenshot 2023-11-21 at 1 30 54β€―AM
Screenshot 2023-11-21 at 1 29 56β€―AM
Screenshot 2023-11-21 at 1 30 59β€―AM
Screenshot 2023-11-21 at 1 30 34β€―AM
Screenshot 2023-11-21 at 1 30 04β€―AM
Screenshot 2023-11-21 at 1 31 32β€―AM
Screenshot 2023-11-21 at 1 31 17β€―AM
Screenshot 2023-11-21 at 1 30 24β€―AM
Screenshot 2023-11-21 at 1 31 24β€―AM

## Technologies Used

Quizzie Thunder is built using a variety of technologies including:

- [Reach.js](https://react.dev)
- [Node.js](https://nodejs.org/en)
- [Express](https://expressjs.com/)
- [MongoDB](https://www.mongodb.com/)
- [JWT](https://jwt.io/)

## Contributing

Please fork this repository and contribute back using
[pull requests](https://github.com/Shashank02051997/QuizzieThunder-ReactJs/pulls).

Any contributions, large or small, major features, or bug fixes, are welcomed and appreciated
but will be thoroughly reviewed.

### Contact - Let's become a friend

- [Twitter](https://twitter.com/shashank020597)
- [Github](https://github.com/Shashank02051997)
- [Linkedin](https://www.linkedin.com/in/shashank-singhal-a87729b5/)
- [Facebook](https://www.facebook.com/shashanksinghal02)

### Like our Facebook page

- [Android UI's Bucket](https://www.facebook.com/androiduisbucket)

## Donation

If this project helps you reduce time to develop, you can give me a cup of coffee :)

Buy Me A Coffee

## πŸ’¬ Discuss

Have any questions, or doubts or want to present your opinions or views? You're always welcome. You can [start discussions](https://github.com/Shashank02051997/QuizzieThunder-ReactJs/discussions).

## Links

- [Link to Node GitHub repository](https://github.com/Shashank02051997/QuizzieThunder-NodeJs)
- [Link to Flutter GitHub repository](https://github.com/Shashank02051997/QuizzieThunder-Flutter)

## License

This project is licensed under the MIT License.