Versus Sweeper - Deployed Site
A dynamic and competitive twist on the classic game Minesweeper! Versus Sweeper offers thrilling multiplayer battles where players can engage in real-time matches to uncover mines and outwit their opponents. Versus Sweeper combines strategic gameplay with interactive multiplayer functionality for an exhilarating gaming experience.
Versus Sweeper was conceived with the aim of injecting excitement and interaction into the timeless puzzle-solving experience of Minesweeper. Our vision was to create a platform where players could compete head-to-head against friends or random opponents in intense, fast-paced matches while retaining the fundamental gameplay mechanics that make Minesweeper so captivating.
- Real-Time Multiplayer: Challenge your friends or find public games against random opponents in thrilling real-time matches.
- Seamless Backend: Powered by Express and Socket.IO, our backend infrastructure ensures smooth real-time communication between players, enabling instantaneous updates and interactions during gameplay.
- Efficient Data Storage: Leveraging Redis for efficient data storage and retrieval, Versus Sweeper delivers optimal performance and scalability, ensuring a seamless gaming experience for players.
- Responsive UI: With a visually appealing and responsive user interface crafted using Next.js, React, and Ant Design, Versus Sweeper offers an immersive gaming experience across devices.
Versus Sweeper's technology stack was carefully selected to ensure a seamless and engaging user experience across both the frontend and backend components of the application.
- Frontend: Leveraging the power of Next.js, React, and Ant Design, we crafted a visually appealing and responsive user interface that enhances gameplay immersion. Formik and SWR were integrated to facilitate seamless form handling and efficient data fetching, respectively, enriching the overall user experience.
- Backend: Using Express and Socket.IO, the backend infrastructure of Versus Sweeper ensures smooth real-time communication between players, enabling instantaneous updates and interactions during gameplay. Redis serves as the backbone for efficient data storage and retrieval, enhancing performance and scalability.
Throughout the development process, several challenges were encountered and overcome, ranging from optimizing real-time synchronization to fine-tuning gameplay mechanics for balance and fairness. However, careful planning, testing, and iteration enabled us to address these challenges effectively and deliver a polished and engaging gaming experience.
To get started with Versus Sweeper, follow these steps:
- Clone the frontend repository:
git clone https://github.com/bubloo7/VersusSweeper.git cd versussweeper - Install dependencies:
npm install
- Start the development server:
npm run dev
For the backend:
- Clone the backend repository:
cd backend - Install dependencies:
npm install
- Start the server:
npm start
Rather than running the website locally, you can visit VersusSweeper and start playing right away!
- Development Team:
- Yash Patki - Frontend, Design, Backend
- Akil Selvan Rajendra Janarthanan - Backend, Deployment, Discord Bot
This project has been an incredible learning experience for us, not only sharpening our technical skills but also fostering qualities like communication, accountability, and outside-the-box thinking. We are grateful for the opportunity to work on this project and excited to continue refining and expanding Versus Sweeper.
Thank you for checking out Versus Sweeper! Happy sweeping!