minesweeper Svelte Themes

Minesweeper

responsive Minesweeper game built with Svelte and Tailwind CSS, featuring light/dark themes and interactive gameplay

Minesweeper Game

A fun and interactive Minesweeper game built with Svelte and Tailwind CSS. The game is fully responsive, supports light/dark themes, and offers a clean, intuitive user experience. Your goal: clear the minefield without triggering any mines!

🚀 Features

  • 🎯 Responsive Design: Works great on desktop, tablet, and mobile.
  • 🌗 Light & Dark Themes: Toggle between themes for better accessibility and comfort.
  • 💣 Minefield Grid: Classic 10x10 grid with randomly placed mines.
  • 🚩 Flagging System: Mark suspected mines to help strategize your moves.
  • Prerendered Pages: Fast loading with prerendered static pages.
  • Wrong Flag Indication: Incorrectly placed flags are highlighted after game over.

🛠 Installation

To run this project locally:

  1. Clone the repository:
    git clone https://github.com/iNoles/minesweeper.git
    
  2. Navigate to the project directory:
    cd minesweeper-game
    
  3. Install dependencies:
    bun install
    
  4. Run the development server:
    bun run dev
    

🎮 How to Play

  • Left-click a cell to reveal it.
  • Right-click (or long press on mobile) to place or remove a flag.
  • Reveal all non-mine cells to win.
  • After the game ends, incorrectly flagged cells will be revealed.

🧰 Built With

  • ⚙️ Svelte — reactive UI framework.
  • 🎨 Tailwind CSS — utility-first styling.
  • 🧑‍💻 TypeScript — static typing.
  • ⚡ Vite — lightning-fast dev server & bundler.

🤝 Contributing

Contributions are welcome! Feel free to fork the repository, create a branch, and submit a pull request.

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-name).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add feature').
  5. Push to the branch (git push origin feature-name).
  6. Create a new Pull Request.

Top categories

Loading Svelte Themes