All Projects → damonare → Memos

damonare / Memos

React+React-router+redux+redux-thunk+less+es6实现的简易备忘录,在线demo地址:

Programming Languages

javascript
184084 projects - #8 most used programming language
es6
455 projects

Projects that are alternatives of or similar to Memos

react-antd
基于react + redux + immutable + less + ES6/7 + webpack2.0 + fetch + react-router + antd实现的SPA后台管理系统模板
Stars: ✭ 320 (+83.91%)
Mutual labels:  less, react-router
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-74.71%)
Mutual labels:  react-router, less
react
react 项目骨架
Stars: ✭ 12 (-93.1%)
Mutual labels:  less, react-router
Redux Cnode
react+react-router+redux+es6+antd-mobile+webpack版本的Cnode
Stars: ✭ 96 (-44.83%)
Mutual labels:  react-router, less
React Antd
基于react + redux + immutable + less + ES6/7 + webpack2.0 + fetch + react-router + antd实现的SPA后台管理系统模板
Stars: ✭ 321 (+84.48%)
Mutual labels:  react-router, less
Dianpinplus
从零开始使用React全家桶开发电商系统
Stars: ✭ 135 (-22.41%)
Mutual labels:  react-router, less
Spotify Clone Client
A ReactJS clone application of the popular Spotify music streaming service. This application utilizes the Spotify API and the Spotify Web Playback SDK
Stars: ✭ 162 (-6.9%)
Mutual labels:  react-router
Full Stack Serverless Code
Code examples for my book Full Stack Serverless with O'Reilly Publications
Stars: ✭ 165 (-5.17%)
Mutual labels:  react-router
Slack Patron
Log and view all Slack messages.
Stars: ✭ 157 (-9.77%)
Mutual labels:  react-router
Web
Mirror of git://ffmpeg.org/ffmpeg-web
Stars: ✭ 155 (-10.92%)
Mutual labels:  less
Devrantron
A cross platform desktop application for devRant
Stars: ✭ 173 (-0.57%)
Mutual labels:  react-router
Compile Hero
🔰Visual Studio Code Extension For Compiling Language
Stars: ✭ 169 (-2.87%)
Mutual labels:  less
Template Rwb
A full-featured Webpack setup with hot-reload
Stars: ✭ 165 (-5.17%)
Mutual labels:  react-router
Redux First History
🎉 Redux First History - Redux history binding support react-router - @reach/router - wouter
Stars: ✭ 163 (-6.32%)
Mutual labels:  react-router
Ecommerce Site Template
A beautiful e-commerce template powered by React, Redux and other modern web tech.
Stars: ✭ 167 (-4.02%)
Mutual labels:  react-router
Reactjs Interview Questions
List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
Stars: ✭ 17,978 (+10232.18%)
Mutual labels:  react-router
Xpcms
基于node的cms系统, 后端采用node+koa+redis,并通过本人封装的redis库实现数据操作,前端采用vue+ts+vuex开发,后台管理系统采用react全家桶开发
Stars: ✭ 170 (-2.3%)
Mutual labels:  react-router
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (-10.34%)
Mutual labels:  react-router
Spring Petclinic Reactjs
ReactJS (with TypeScript) and Spring Boot version of the Spring Petclinic sample application
Stars: ✭ 165 (-5.17%)
Mutual labels:  less
Online Shop
Online shop prototype implemented in React.
Stars: ✭ 168 (-3.45%)
Mutual labels:  react-router

Memos

技术架构:本备忘录使用react+react-router+redux+less+ES6+webpack实现;

页面UI参照:TodoList官网实现;

在线演示地址:Damonare的备忘录;

功能说明

  • 支持回车添加新事项;
  • 支持删除事项(点击X符号);
  • 支持状态转换具体包括:
    • 新建事项->正在进行(点击checkbox选项)
    • 正在进行->已完成(点击文字内容本身)
    • 正在进行->新建事项(点击checkbox选项)
    • 已完成->正在进行(点击文字本身)
  • 支持判断输入空字符,过长字符(20个汉字以内);
  • 支持搜索;
  • 支持本地化存储;
  • 支持状态的展开隐藏(点击标题)
  • 兼容手机端(iPhone6及以上)
  • 支持路由切换

待解决

  • 搜索存在bug,搜索结果出现后进行操作会清空本地数据
  • 添加路由,按事项状态分子页面展示;Done
  • 全部事项添加的位置;Done

本地演示方法

# 安装依赖
npm install
# 本地运行
npm run start
# 导出文件到build文件夹
npm run build
# 运行地址
localhost:8080

相关截图

PC端页面:

PC端页面

移动端页面:

移动端端页面

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].