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

一笑奈何 提交于 2020-03-14 13:52:28

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

本文转载于:猿2048⇒https://www.mk2048.com/blog/blog.php?id=ha22i0jbhaa

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!