Skip to content

一个基于 React + TypeScript 实现的🍉西瓜闹钟⏰,一个在你身边的记录亲密伙伴~,其中还用到了 Antd4 + Redux + React Redux + React Router V5 等技术栈,预览见👉

License

Notifications You must be signed in to change notification settings

strugglebak/watermelon-clock

Repository files navigation

watermelon-clock

这是一个🍉闹钟,可以随时用来记录你的个人计划和生活琐事哦~

⚠: 目前可测试账号跟密码为 pppxxx/pppxxx,有意者可以先进入页面登陆然后就可以进行预览了

📢 项目相关博客地址可点击这个链接

🤣 项目预览可点击这个链接哦~

预览

整体页面

统计组件

西瓜历史组件

任务历史组件

可补充西瓜组件

主要技术栈

  • React 16.12
  • Antd 4.0.1
  • Axios 库
  • React-Router-Dom 5.1.2
  • React-Redux 7.1.3
  • Redux 4.0.5
  • TypeScript 3.8.3
  • History 4.10.1
  • Lodash 4.14

安装

使用 yarn

yarn install

使用 npm

npm i -D

由于是使用 create-react-app 生成的项目,在运行命令之前可参考 package.json 中的 scripts 选项

"scripts": {
  "predeploy": "yarn build",
  "deploy": "npx gh-pages -d build",
  "start": "react-app-rewired start",
  "build": "react-app-rewired build",
  "test": "react-app-rewired test",
  "eject": "react-scripts eject"
}

项目运行

yarn start

项目 build

yarn build

项目打包和部署

yarn run deploy

协议

MIT

About

一个基于 React + TypeScript 实现的🍉西瓜闹钟⏰,一个在你身边的记录亲密伙伴~,其中还用到了 Antd4 + Redux + React Redux + React Router V5 等技术栈,预览见👉

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published