tech-logo-memo-game icon indicating copy to clipboard operation
tech-logo-memo-game copied to clipboard

🖱️🖱️🖕🖕🤯🤯🤯technology logo memory game, including frontend and backend

LMG - AN Amazing Game!!

中文介绍

Technology Logo Memory Game.

qr image

Mobile UX

mobile demo

Desktop UI

pc demo

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

Support

Technology Logo Memory Game - How many frameworks can you guess right? | Product Hunt Embed