https://github.com/zerosoul/tech-logo-memo-game

🖱️🖱️🖕🖕🤯🤯🤯technology logo memory game, including frontend and backend
https://github.com/zerosoul/tech-logo-memo-game

backend brainfun frontend game logo react redux technology

Last synced: 10 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/zerosoul/tech-logo-memo-game
• Owner: zerosoul
• Created: 2019-05-15T02:57:14.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-12-03T14:03:34.000Z (3 months ago)
• Last Synced: 2025-01-31T07:33:36.562Z (20 days ago)
• Topics: backend, brainfun, frontend, game, logo, react, redux, technology
• Language: JavaScript
• Homepage: https://logo-game.yangerxiao.com/
• Size: 4.45 MB
• Stars: 54
• Watchers: 5
• Forks: 8
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# LMG - AN Amazing Game!!

[中文介绍](README.zh.md)

[Technology Logo Memory Game.](https://works.yangerxiao.com/tech-logo-memo-game/)

![qr image](public/qr.png)

## Mobile UX

![mobile demo](public/demo.mobile.gif)

## Desktop UI

![pc demo](public/demo.pc.png)

## 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](https://github.com/facebook/create-react-app): set up a modern react web app

- [react](https://reactjs.org): programing language for user interface

- redux + react-redux: react state management solution

- [styled-components](https://styled-components.com): css in js

- eslint + prettier: code better code

- husky + commitlint: add git hooks & git commit lint

- [particles.js](https://vincentgarreau.com/particles.js/): amazing background effect

## Changelog

[Change log](CHANGELOG.md)

## Support