damonare / Memos
React+React-router+redux+redux-thunk+less+es6实现的简易备忘录,在线demo地址:
Stars: ✭ 174
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
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
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
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端页面:
移动端页面:
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].