Skip to content
🖱️🖱️🖕🖕🤯🤯🤯technology logo memory game, including frontend and backend
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config
public refactor: remove theme-color from index.html Sep 4, 2019
scripts
src
.babelrc
.editorconfig
.eslintignore
.eslintrc
.gitignore
.huskyrc
.lintstagedrc
.npmrc
.prettierrc
CHANGELOG.md
README.md
README.zh.md
changelog.template.hbs
commitlint.config.js
package-lock.json
package.json
yarn.lock

README.md

LMG

中文介绍

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

You can’t perform that action at this time.