# todolist

**Repository Path**: jlongyan/todolist

## Basic Information

- **Project Name**: todolist
- **Description**: 一个基于ReactJs的服务端渲染框架NextJs打造的便签项目，让你可以灵活的创建你想要的便签，专属个人提效工具！！！
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://todo.jiangly.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-10-11
- **Last Updated**: 2022-10-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ❏ Todolist
![](https://img.shields.io/static/v1?label=Todolist&message=NextJs&color=brightgreen)
![](https://img.shields.io/static/v1?label=License&message=MIT&color=brightgreen)
![](https://img.shields.io/static/v1?label=Author&message=Snine&color=orange)


![](https://nine-1300678944.cos.ap-shanghai.myqcloud.com/todolist.png)

### Table of Contents

- [在线体验](https://todo.jiangly.com/)

- [项目介绍](#项目介绍)
  
- [用法指南](#用法指南)
  
- [常见的问题](#常见问题)
  
- [错误报告](#错误报告)
  
- [项目细节](#项目细节)

- [更多](#更多)

### 在线体验
在线体验地址：[Todolist演示网站](https://todo.jiangly.com/)

### 项目介绍

项目使用**React** 的**NextJs**服务端框架开发的网格便签，一款纯前端**web**项目，可以在日常中作为便签，待办事项，或者笔记本等场景使用，您只需要在任意地方拖动鼠标即可快速创建一个便签，同时所有便签可以随意移动、调整大小、以及删除。同时作为纯前端项目，所有数据将存储在本地，不做任何数据收集，请放心使用。

### 用法指南

1. 鼠标点击任何区域拖动即可创建一个便签。
  
2. 点击右下角拖动按钮即可改变便签大小，最低尺寸限制为`80*80`。
  
3. 点击便签顶部出现小手标志即可按下移动便签。
  
4. 点击便签内容区域即可快速编辑便签。
  
5. 使用`Alt + C`即可快速切换主题。
  
6. 使用`Alt + R`即可一次删除所有内容。
  

### 常见的问题

#### 1. 是否可以在移动端上使用？

    不支持在移动端使用，场景定位不适合在移动端上使用此产品，虽然可以做到支持移动端，但是似乎这种场景应该很少用到，如果会用到这种场景会考虑兼容到移动端。

#### 2. 是否有暗色主题？

       当没有手动设置的时候，将根据系统的主题自定义选择颜色，如果你想手动改变他，请使用快捷键`Alt + C`，即可修改主题，当修改主题之后将不再根据系统主题进行变换。

#### 3. 使用什么技术栈开发的

        使用了基于**ReactJs**的服务端渲染框架**NextJs**进行开发，没有额外的库或者插件，拥有更好的**seo**，同时支持静态打包。

#### 4. 是否需要后端数据支持

        纯前端项目，无序任何后端接口交互，所有数据存储在本地，可以进行脱机工作

### 错误报告

请创建**Github**的[issues](https://github.com/longyanjiang/todolist/issues)，然后提供错误截图或代码，希望您尽可能提供足够多的信息。

### 项目细节
![](https://nine-1300678944.cos.ap-shanghai.myqcloud.com/todolist.gif)


### 更多

#### 找到我 🚀
- 我的博客： [小九的博客](https://jiangly.com)
- 我的掘金： [小九的掘金](https://juejin.cn/user/3861140568811576/posts)

#### 推荐项目 🚀🚀🚀
- 音乐聊天室: [小九的音乐聊天室](https://github.com/longyanjiang/Nine-chat-frontend)
- 个人博客： [小九的开源博客](https://github.com/longyanjiang/Nine-blog-web)
- 文档大全： [小九的文档合计](https://github.com/longyanjiang/docs)