tech-logo-memo-game
tech-logo-memo-game copied to clipboard
🖱️🖱️🖕🖕🤯🤯🤯technology logo memory game, including frontend and backend
LMG - AN Amazing Game!!
中文介绍
Mobile UX
Desktop UI
Features
Functions
- [x] Select technology scope
- [x] Select play level: easy, medium and hard
- [x] Share the play result to weibo, twitter and facebook
- [x] Remember the best time by different level
- [x] Suport LOGO vs LOGO and TITLE vs LOGO, two play modes
- [x] Full screening play
- [x] Comment
- [x] Web APP: PWA
- [ ] Put play data into remote server
- [x] i18s
- [ ] New user guiding
UX
- [x] Mobile friendly
- [x] Animate properly
- [x] Dynamic display card box in different screen sizes for superfluous cards
- [x] Pick the color combination elaborately
- [x] Scroll into view smoothly when start and alert
- [x] Auto fold or translucent while playing
- [x] Compress the images for better loading experience
- [x] Favicons for different device display sizes
- [x] Splash image for iPhone & iPad
- [x] Dynamic background with canvas technology
Technology Stack
- create-react-app: set up a modern react web app
- react: programing language for user interface
- redux + react-redux: react state management solution
- styled-components: css in js
- eslint + prettier: code better code
- husky + commitlint: add git hooks & git commit lint
- particles.js: amazing background effect
Changelog
Change log