Skip to content

使用react 、react-router、redux 构建todo应用

Notifications You must be signed in to change notification settings

yan358941877/react-todo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Days Todo(web版Todo应用)

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

地址

点击进入

部分效果截图

登录注册

image

日历+todo功能

image

工具&技能

  • 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!我会继续开源更多有趣的项目