tech-logo-memo-game技术图标连连看游戏

技术图标千千万，快来试试连连看！

特性

功能

•  可以选择技术栈


•  可以选择难度等级：容易、中等和困难


•  可以把结果分享到微博、推特和脸书


•  能够记录不同等级的最佳成绩


•  支持图标与图标配对和图标与标题配对，两种玩法


•  全屏玩耍


•  APP 化：PWA


•  国际化

体验

•  移动端体验优先考虑


•  在合适的场景加入合适的动画，增加可玩性


•  根据不同的屏幕尺寸展现不同尺寸的卡片容器，以便玩家看到的都是满行满列（一家人最重要的就是整整齐齐）


•  精心挑选配色方案，让游戏看起来风格如一


•  当点击开始按钮式，卡片容器自动顺滑地滚到可视区域


•  游戏进行中，自动隐藏无关元素，让体验更沉浸式


•  压缩图片，更快更好地加载体验


•  为不同设备准备了不同尺寸大小的图标


•  iPhone & iPad 本地打开，有引导屏


•  酷酷的动态背景，科技感十足

技术栈

• create-react-app: 大家都在用的 react 项目构建架子


• react: 最流行的前端 UI 构建语言


• redux + react-redux: 最流行的 react 状态管理解决方案


• styled-components: react 中 css 解决方案，CSS-IN-JS 最佳实践


• eslint + prettier: 为了更好地编码


• husky + commitlint: 为了更好地 GIT 提交


• particles.js: 科技感十足的动态背景（借助 canvas 技术）