Chatur Battak

Deployed URL 👉 Click here

Hackathon Project

Our 36-hour hackathon project - a multiplayer game that combines trivia quiz challenges with a fun and engaging user interface!

In this fast-paced game, players can join together in real-time to answer trivia questions and compete for the highest score. The questions cover a variety of topics, ranging from pop culture and entertainment to science and technology, ensuring there's something for everyone to enjoy.

But what really sets this game apart is its incredible user interface. We've worked tirelessly to create an experience that's both visually stunning and easy to navigate, with bold colors, dynamic animations, and intuitive controls that make it easy to jump in and start playing right away.

Whether you're looking to challenge your friends or meet new people from around the world, our multiplayer quiz game is the perfect way to test your knowledge, have some fun, and enjoy.

About Project :

It is a group project of four member built in 36 hrs.

Our Team Members:

1. Sumit Chimkar

2. Akshay Verma

3. Durgesh Singh

4. Rajesh Kumar

Tech stacks used :

HTML, CSS , JavaScript , React, TypeScript , Node , Express , MongoDB , Redux , ChakraUI , API , JSON-Server

Some images of the project :

1. Home

2. Login

3. Sign up

4. Body

5. Final Result

Team Work Efforts:

First of all, we created a Slack and zoom group to establish communication between all the team members. Then we connected over zoom meet for further discussion about assigned project.

In a zoom meet we divideed small parts of project to all the team-member.

We discussed about past days work and present day work, if any one face issue all the team member helps to solve the problem.

All push the data in Git-hub to their respective branch and merge them to main branch.

Finally we make the presentation of the project.

What We Learned From this project?

-We all became proficient in understanding the code of the team members. -How to work and communicate with a team. -Implementation of Redux in a full-fledged game. -Using different react hooks to enhance quality of code. -Integrating TypeScipt in a normal ReactJs project. -Using Routing and PrivateRoutes in a project.

Website Link:- https://chaturbattak.netlify.app/

Source Code:- https://github.com/Durgesh9871/smiling-fold-7496

Presentation Link:- https://drive.google.com/file/d/1CamH2kCOQJ1eApVOhTszaXB_KSPlo1eC/view

We hope this article will help in establishing better understanding of our project.

Thank you