Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/samioksanen/solitaire
Solitaire ♣️♦️♠️♥️ with Drag and Drop
https://github.com/samioksanen/solitaire
drag-and-drop nextjs react tailwind
Last synced: 19 days ago
JSON representation
Solitaire ♣️♦️♠️♥️ with Drag and Drop
- Host: GitHub
- URL: https://github.com/samioksanen/solitaire
- Owner: SamiOksanen
- License: mit
- Created: 2023-01-15T11:51:03.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-28T17:15:05.000Z (7 months ago)
- Last Synced: 2024-05-29T16:09:25.010Z (7 months ago)
- Topics: drag-and-drop, nextjs, react, tailwind
- Language: TypeScript
- Homepage: https://solitaire.samioksanen.fi
- Size: 313 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Solitaire ♣️♦️♠️♥️
Solitaire with drag and drop, and touch support.
- Some notes about the implementation:
- Uses Next.js 14 with app directory
- Uses @hello-pangea/dnd for drag and drop
- Tailwind for styling
- Exports to a static site
- Playwright for end-to-end tests
## Deployment 🚚
https://solitaire.samioksanen.fi
## CI/CD 🛠
GitHub Actions CI/CD with deployment to Firebase Hosting
## Development setup
Install:
- Node.js
### Install dependencies
```bash
npm i
```
### Run the app in development mode
```bash
npm run dev
```
### Run the app in production mode
```bash
npm run build
npm run start
```
### E2E Tests
End-to-end tests are done with Playwright.
To test locally:
- Download browsers for Playwright to use if you have not already:
```bash
npx playwright install
```
- Make sure your build is up and running on localhost:3000:
```bash
npm run build
npm run start
```
- Run the tests:
```bash
npm run test:e2e
```
- To create new tests with the help of codegen, make sure your build is up and use:
```bash
npx playwright codegen localhost:3000
```