Skip to content

Repository files navigation

Versus Sweeper

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.

Introduction

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.

Features

  • 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.

Technologies and Design Choices

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.

Challenges Faced and Future Features

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.

Installation

To get started with Versus Sweeper, follow these steps:

  1. Clone the frontend repository:
    git clone https://github.com/bubloo7/VersusSweeper.git
    cd versussweeper
  2. Install dependencies:
    npm install
  3. Start the development server:
    npm run dev

For the backend:

  1. Clone the backend repository:
    cd backend
  2. Install dependencies:
    npm install
  3. Start the server:
    npm start

Deployment

Rather than running the website locally, you can visit VersusSweeper and start playing right away!

Credits

  • Development Team:
    • Yash Patki - Frontend, Design, Backend
    • Akil Selvan Rajendra Janarthanan - Backend, Deployment, Discord Bot

Acknowledgments

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!

About

Competitive Minesweeper Platform

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages