五月末--我的第一个"SPA"项目完成

2019年9月18日 130次阅读 来源: jhhfft

Days Todo(web版Todo应用)

这段时间一直在学习React相关内容，最近我用react相关技术实现了一个最经典的React项目–Todo应用。我尽我最大的努力实现了我想到的功能，尽管还有些小瑕疵。
这是我的Github项目地址: https://github.com/yan358941877/react-todo
欢迎issue,star or follow!我会继续开源更多有趣的项目

地址

点击进入

部分效果截图

登录注册

《五月末--我的第一个

日历+todo功能

《五月末--我的第一个

工具&技能

  • react

  • redux

  • react-redux

  • react-router

  • LeanCloud:提供后端云服务

使用

git clone https://github.com/yan358941877/react-todo.git

cd react-todo

# 安装依赖
npm install 

# 开发环境
npm run start

# 打包
npm run build

实现功能

  • 登录、注册

  • 日历显示

  • 日期切换

  • 显示选中月份中哪些天有todo记录

  • todo列表显示选中日期的todo记录

  • 新增todo

  • 修改todo

  • 删除todo

  • 特别关注的todo

  • 应用退出

目录结构

├─actions   
├─components  
│  ├─Calendar
│  ├─CalendarItem
│  ├─LoginForm
│  ├─SignTitle
│  ├─SignUpForm
│  ├─TodoItem
│  ├─TodoList
│  ├─TodoTitle
│  └─YearMonthPicker
├─constants 
├─containers 
│  ├─Login
│  ├─SignUp
│  └─TodoPage
│      └─subpage
├─leancloud 
├─reducers   
├─router
├─static 
│  └─font
├─store
└─utils

支持

Github项目地址: https://github.com/yan358941877/react-todo
欢迎issue,star or follow!我会继续开源更多有趣的项目

    原文作者：jhhfft
    原文地址: https://segmentfault.com/a/1190000009613832
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞