dengdengmo / todoList

react

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Just-Do

这是一个在线待办事项应用, 点击这里 进入应用页

你可以用它做什么

  • 注册与登录 你可以注册自己的账号,通过登录操作,在任何一台可以访问互联网的设备上管理自己的待办事项列表
  • 找回账户 当你忘记密码时,可以通过注册时的邮箱重置密码,找回你的账户与账户内的数据
  • 添加分组 你可以在左侧顶部“添加分组”的输入框内输入要添加的分组名,键入 Enter 或点击输入框左侧的添加按钮 + 将输入的内容作为组名新建一个分组
  • 查看分组内容 你可以点击选中左侧的某个分组,右侧待办事项仅展示该分组下的内容。登陆账户时,默认展示第一个分组的内容
  • 删除分组 你可以选中一个分组后点击该分组尾部的删除按钮,来删除该分组以及分组内的所有待办事项
  • 添加事项 你可以选中希望添加事项的分组后,在右侧顶部的输入框填写编辑自己的事项名称,最后键入 Enter 或点击输入框左侧的添加按钮 + 将输入的内容添加到对应分组的待办事项列表
  • 标记为已完成与未完成 如果你已经完成了一项任务,那么在列表里勾选这项任务左侧的方框吧,这项任务会被标记为已完成,内容也会被划掉;如果你突然想起来这个被标记为完成的任务还需要完善一下,那么点击完成的对号标记,它会恢复到未完成状态
  • 删除事项 对于任何一个事项,你都可以点击事项最右侧的垃圾桶标志删除它
  • 数据同步 你在使用中对你的待办数据进行的任何更改,如果它在页面上“看起来更改成功了”,那么你更新的数据已经同步到了服务器
  • 退出登录 如果你在使用过程中刷新或是关闭了页面或浏览器,在不清除浏览器缓存的情况下,再次打开时它仍会保持之前的登录状态,只有点击退出登录按钮时本地的登录状态和数据才会被清除,所以如果在公共设备上登录了个人账户,使用结束后请一定要点击退出登录以保护个人隐私

它是用什么技术搭建的

  • HTML、CSS、JavaScript基础
  • 使用 React 搭建应用,利用 React 对页面进行数据加载、局部刷新等
  • 使用 LeanCloud 保存数据,实现在线应用

About

react


Languages

Language:JavaScript 72.8%Language:CSS 21.0%Language:HTML 6.3%