social-sweepers Tailwind Templates

Social Sweepers

A modern, multiplayer social minesweeper game built with React, TypeScript, and Tailwind CSS.

Social-Sweepers

A modern, multiplayer social minesweeper game built with React, TypeScript, and Tailwind CSS.

Features

  • Single player and multiplayer modes
  • Multiple difficulty levels (Easy, Medium, Hard)
  • Gold boxes with bonus points
  • Leaderboard system
  • Customizable mine penalty
  • Beautiful UI with animations

Tech Stack

  • React 18
  • TypeScript
  • Tailwind CSS
  • Framer Motion for animations
  • Lucide React for icons

Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Deployment

This project is configured for deployment on:

  • Vercel
  • Netlify
  • Cloudflare Pages

GitHub Actions

A GitHub Actions workflow is included to build the project on push to the main branch.

Game Rules

  • Left-click to reveal a cell
  • Right-click to place a flag
  • In multiplayer mode, players take turns
  • Hitting a mine deducts points based on the mine penalty
  • Gold boxes give bonus points (7-10)
  • Regular cells give points equal to their number

License

MIT

Top categories

Loading Svelte Themes