An open API service indexing awesome lists of open source software.

https://github.com/johnnygerard/minesweeper

Minesweeper Game
https://github.com/johnnygerard/minesweeper

immer minesweeper next-js phosphor react tailwind-css vercel

Last synced: 3 months ago
JSON representation

Minesweeper Game

Awesome Lists containing this project

README

          

# Minesweeper Game

This project is a recreation of the classic Minesweeper game.

![project status](https://img.shields.io/badge/status-published-success?style=for-the-badge)
[![live site](https://img.shields.io/badge/live_site-blue?style=for-the-badge)](https://minesweeper.jgerard.dev/)
[![Lighthouse report](https://img.shields.io/badge/lighthouse-%23F44B21?style=for-the-badge&logo=lighthouse&logoColor=fff)](https://googlechrome.github.io/lighthouse/viewer/?gist=4f2b54f8a0d5466a608d3423796dd0b1)

## Tech Stack

### Frontend

- **UI library**: [React 19](https://react.dev/)
- **Framework**: [Next.js 16](https://nextjs.org/)
- **State management**: React APIs and [Immer](https://immerjs.github.io/immer/)
- **Styling**: [Tailwind CSS 4](https://tailwindcss.com/)
- **Icon library**: [Phosphor](https://phosphoricons.com/)

### Backend

- **CDN**: [Vercel](https://vercel.com/docs/cdn)

## How to Update

To check for outdated packages, run `npm outdated`.

```bash
# Update dependencies (this will rewrite package-lock.json and package.json)
npm update --save
npm install --save-exact --save-dev prettier@latest prettier-plugin-tailwindcss@latest
```

## Dev Environment & Tools

- **System**: [Ubuntu](https://ubuntu.com/desktop)
- **Editor**: [VS Code](https://code.visualstudio.com/)
- **Formatter**: [Prettier](https://prettier.io/)
- **Linter**: [ESLint](https://eslint.org/)
- **AI assistant**: [GitHub Copilot](https://github.com/features/copilot)

## Screenshots

### Mobile Home Page

![mobile home page](docs/screenshots/home-mobile.avif)

### Desktop Expert Page

![desktop expert page](docs/screenshots/expert-desktop.avif)

## Copyright

© 2025 Johnny Gérard