Skip to content

zerosoul/tech-logo-memo-game

Repository files navigation

LMG - AN Amazing Game!!

中文介绍

Technology Logo Memory Game.

qr image

Mobile UX

mobile demo

Desktop UI

pc demo

Features

Functions

  • Select technology scope
  • Select play level: easy, medium and hard
  • Share the play result to weibo, twitter and facebook
  • Remember the best time by different level
  • Suport LOGO vs LOGO and TITLE vs LOGO, two play modes
  • Full screening play
  • Comment
  • Web APP: PWA
  • Put play data into remote server
  • i18s
  • New user guiding

UX

  • Mobile friendly
  • Animate properly
  • Dynamic display card box in different screen sizes for superfluous cards
  • Pick the color combination elaborately
  • Scroll into view smoothly when start and alert
  • Auto fold or translucent while playing
  • Compress the images for better loading experience
  • Favicons for different device display sizes
  • Splash image for iPhone & iPad
  • 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