CSS Maximum Reversi best practices for Reversi UI/UX using CSS3 and Vue3

Overview

css-maximum-reversi

MIT License

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

Play Game

QR Code 

cmr-qr

Screenshots

CMR 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

License

MIT (excluding music)

Music

CC BY-NC-ND 4.0

You might also like...
:sailboat: A JavaScript IoC container that works seamlessly with Vue.js and React.

Vesselize ⛵ A JavaScript IoC container that works seamlessly with Vue.js and React. Features IoC container that can be used separately Official Vue.js

Component and HTML unique id generation plugin for Vue.js

vue-unique-id Vue.js plugin that generates component-scoped HTML identifiers for use in form inputs, labels, jQuery plugins, etc. This solves the prob

An embedded management and query web-console for immudb.

An embedded management and query web-console for immudb.

trigger functions and events based on the element position on the screen

trigger functions and events based on the element position on the screen

The word highlighter library for Vue 2 and Vue 3.
The word highlighter library for Vue 2 and Vue 3.

The word highlighter library for Vue 2 and Vue 3.

Loads a .vue file from the given URL and compiles it to a component directly in the browser.

VueInBrowserLoader Inspired by Franck Freiburger's http-vue-loader. VueInBrowserLoader(url) Loads a .vue file from the given URL and compiles it to a

A Vue.js component for conditional rendering attributes and directives.

vue-conditional-attrs A Vue.js component for conditional rendering attributes and directives. Install Via npm npm instal vue-conditional-attrs --save

Library of utilities, which are compatible with any important JavaScript environment and that do not need external dependencies.

Library of utilities, which are compatible with any important JavaScript environment and that do not need external dependencies.

The most complete boilerplate for production-ready PWAs. With focus on performance, development speed, and best practices
The most complete boilerplate for production-ready PWAs. With focus on performance, development speed, and best practices

vuesion The most complete boilerplate for production-ready PWAs. With focus on performance, development speed, and best practices 一个灵活的、可扩展的、自定的,已经准备好

Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.
Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.

Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & d

Select & Multi Select implementations for Vue, focused especially on implementing accessibility best practices

This entire repo is very much in an alpha state, and should currently be used only within internal Politico projects, as props / events / classes remain fluid. However, we are working towards a 1.0.0 release, and want to capture our relevant bugs fixed during that process.

🚀🚀🚀vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
🚀🚀🚀vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

🚀🚀🚀vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

CSS Transform Playground. Online tool to visualize 2D & 3D CSS3 Transform functions.

css-transform › css-transform.moro.es CSS3 Transform Functions Playground. Demo UI built with Vue, Gulp and LESS. Deployment via Netlify Development —

A try to write my presentations for school in HTML5, CSS3 and Javascript using Vuejs.
A try to write my presentations for school in HTML5, CSS3 and Javascript using Vuejs.

baldr A try to write my presentations for school in HTML5, CSS3 and Javascript using Vuejs. This repository contains some evaluation and research code

🦎 Simple and complete Vue.js testing utilities that encourage good testing practices.
🦎 Simple and complete Vue.js testing utilities that encourage good testing practices.

Vue Testing Library Simple and complete Vue.js testing utilities that encourage good testing practices. Vue Testing Library is a lightweight adapter b

Vue-Ramen - Vue Form Practices.
Vue-Ramen - Vue Form Practices.

Vue Ramen Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Attri

A Vue component to Marquee. Just used CSS3 animation.

vue-text-marquee Online Demo Install npm i vue-text-marquee Global Usage import Vue from 'vue'; import VTextMarquee from 'vue-text-marquee'; Vue.use(V

Calculadora feita com HTML5, CSS3, Javascript, NodeJS e VueJS para o curso de Web Moderno da Cod3r Cursos

calculadora-vue Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build

Proyecto Ejemplo with HTML 5 + CSS3 + VUE JS

appcom360 Aplicacion para generar los archivos planos Build Setup # install dependencies npm install # serve with hot reload at localhost:8080 npm ru

Owner
The more you reason the less you create
null
CSS encapsulation solution for Vue JSX

babel-plugin-vue-jsx-scoped-css ?? CSS encapsulation solution for Vue JSX About This plugin is used to implement the css scoped effect of template in

minfive 2 Mar 20, 2021
A vue code diff display plugin, support Vue2 / Vue3

A code diff display plugin, available for Vue2 / Vue3. It is the vue3 version of vue-code-diff, refer to a lot of code, thanks here.

Shimada666 136 Jan 5, 2023
A babel plugin that provides jsx syntax for vue3

vue-next-jsx This project has been archived because Vue will have an official version. Vue Next JSX Explorer A babel plugin that provides jsx syntax f

Chunyang Huo 89 Aug 11, 2022
🍍Automatically Typed, Modular and lightweight Store for Vue using the composition api with DevTools support

??Automatically Typed, Modular and lightweight Store for Vue using the composition api with DevTools support

Eduardo San Martin Morote 9.5k Dec 30, 2022
DOM helpers plugin for Vue.js using gaspard

Vue-gaspard DOM helpers plugin for Vue.js using gaspard Getting started Installing npm yarn bower unpkg npm install vue-gaspard yarn add vue-gaspard b

Luca 7 Jul 30, 2020
A library for encapsulating asynchronous operations and managing concurrency for Vue and Composition API.

?? vue-concurrency Inspired by ember-concurrency. A library for encapsulating asynchronous operations and managing concurrency for Vue and Composition

Martin Malinda 268 Dec 26, 2022
Calculates and displays the downloads and distribution of your GitHub releases

Calculates and displays the downloads and distribution of your GitHub releases

Musthaq Ahamad 9 Jan 12, 2022
Automatically imports createElement as h when writing JSX and functional syntax that supports only setup() and template refs that supports setup()

babel-preset-vca-jsx Support for automatic import of createElement as h and setup functional component syntax and setup template refs Feature Automati

lululuffy 73 Aug 24, 2022
⏳ Improve your loading state control with pretty simple methods and helpers.

vue-loadable vue-loadable improves your loading state flow by providing methods and helpers to manage it. <template> <p v-if="$isLoading('initialize

Vitor Luiz Cavalcanti 24 Jun 19, 2021
Collection of essential Vue Composition Utilities for Vue 2 and 3

Collection of essential Vue Composition Utilities ?? Features ?? Interactive docs & demos ?? Seamless migration: Works for both Vue 3 and 2 ⚡ Fully tr

VueUse 96 Dec 23, 2022