del1214 / react-lottery

:kissing:基于react、redux的抽奖系统。公司年会需要,所以写了个,有点low

Home Page:https://lf7817.github.io/react-lottery/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react-lottery

Build Status

公司年会需要抽奖,于是写了个, 去年也写了基于mobx的,可以查看v1.0.0标签, 雪花特效来自Jesounao

预览

  • 点击左上奖牌切换奖项
  • 点击猪鼻子开始/停止抽奖

点我预览

简介

本项目采用create-react-apptypescript模板构建,配合react-app-rewiredcustomize-cra,在不eject的情况下添加了stylelint打包分析替换默认service worker配置

特性

  • 数据持久化:采用redux-persist做数据持久化,保证用户在抽奖的过程中刷新浏览器状态、数据不丢失
  • PWA:修改了CRA中默认配置,可以查看#1#2#3#4文件, 当检测到有更新时,页面会弹出提示框,用户点击确定自动更新
  • 支持获奖名单导出

开发

# 克隆代码
git clone https://github.com/lf7817/react-lottery.git
# 进入项目目录
cd react-lottery
# 安装库
yarn install
# 启动开发环境
yarn start
# 构建代码
yarn build

About

:kissing:基于react、redux的抽奖系统。公司年会需要,所以写了个,有点low

https://lf7817.github.io/react-lottery/


Languages

Language:TypeScript 69.3%Language:CSS 14.2%Language:JavaScript 13.0%Language:HTML 3.4%