CSS Maximum Reversi is for exploring the best of Reversi UI/UX with CSS3 and Vue3

CSS Maximum Reversi is for exploring the best of Reversi UI/UX with CSS3 and Vue3.

Play Game

• hinastory.github.io/css-maximum-reversi/

QR Code　

Screenshots

Features

• Beautiful and Comfortable Reversi UI/UX
• CSS-specific UI/UX
  • No Image
  • No SVG
  • No Canvas
  • No WegGL
• Empowered by Vue3
• Cross browser
  • Chrome, Safari, Firefox
• Cross Platform
  • Windows, Mac, iPhone, iPad, Android
  • Landscape mode is not supported (iPhone and Android)
• Running on the local machine
  • No Ajax
  • Reversi AI running on Web Worker

Requirements

• Node.js
• pnpm

Development

pnpm install
pnpm dev

Build

pnpm build

Acknowledgements

• CSS3
• Vue.js
• TypeScript
• SCSS(Sass)
• Vite
• pnpm
• CodePen and Special Works
• Satisfy – Google Fonts
• Gradienta
• Glass Morphism

License

MIT (excluding music)

Music

CC BY-NC-ND 4.0

GitHub

View Github