Solitaire ♣️♦️♠️♥️

Solitaire with drag and drop, and touch support.

• Some notes about the implementation:
  • Uses Next.js 13 app directory
  • Uses @hello-pangea/dnd for drag and drop
  • Tailwind for styling
  • Playwright for end-to-end tests

Development setup

Install:

• Node.js

Install dependencies

npm i

Run the app in development mode

npm run dev

Run the app in production mode

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:

  npx playwright install

• Make sure your build is up and running on localhost:3000:

  npm run build
  npm run start

• Run the tests:

  npm run test:e2e

• To create new tests with the help of codegen, make sure your build is up and use:

  npx playwright codegen localhost:3000

Deployment 🚚

https://solitaire.samioksanen.fi

CI/CD 🛠

Vercel