v0.1.0

.dockerignore

@@ -0,0 +1,3 @@
+node_modules
+npm-debug.log
+build

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

Dockerfile

@@ -0,0 +1,7 @@
+FROM node:16
+WORKDIR /usr/timetender
+COPY . .
+RUN [ "npm", "install", "--legacy-peer-deps" ]
+RUN [ "npm", "run", "build" ]
+EXPOSE 8080
+CMD [ "node", "server.js" ]

README.md

@@ -0,0 +1,93 @@
+<div align="center">
+    <img src="./%23README/icon/256.png" width="20%"/>
+    <h1>Time Tender <code>v0.1.0</code></h1>
+</div>
+
+## 1 Description
+
+During my high school, I use Excel as a todo list to manage my tasks such as homework. It's time to make a more powerful
+version by React.
+
+It follows these rules:
+
+- x-axis is the calendar (each column is a date), so it's infinite
+- y-axis is task list (each line contain only one task), expanding
+
+And with classifying by color and tags, it can be more powerful.
+
+### 1.1 (eliminated) Excel Concept
+
+<img src="./%23README/0.png" width="50%">
+
+### 1.2 Now Project
+
+<table>
+    <tr>
+        <td><img src="./%23README/A.png"/></td>
+        <td><img src="./%23README/B.png"/></td>
+    </tr>
+<tr>
+        <td><img src="./%23README/C.png"/></td>
+        <td><img src="./%23README/D.png"/></td>
+    </tr>
+</table>
+
+## 2 Usage & Development
+
+### 2.1 Requirements
+
+[Node.js](https://nodejs.org/en/) v16.16.0
+
+### 2.2 Installation
+
+```bash
+npm install --legacy-peer-deps
+```
+
+### 2.3 Start Server
+
+```bash
+npm start
+```
+
+### 2.4 Frontend Development
+
+```bash
+npm run react
+```
+
+### 2.5 Frontend Compile
+
+```bash
+npm run build
+```
+
+## 3 Built With
+
+- Node.js
+    - React.js
+        - Luckysheet (https://github.com/mengshukeji/Luckysheet)
+        - Material UI (https://github.com/mui/material-ui)
+        - Ant Design (https://github.com/ant-design/ant-design)
+        - Json Editor (https://github.com/josdejong/jsoneditor)
+    - Express.js
+
+## 4 Reference
+
+- [GitHub@mengshukeji/Luckysheet](https://github.com/mengshukeji/Luckysheet)
+    - https://dream-num.github.io/LuckysheetDocs/zh/guide/config.html
+    - https://dream-num.github.io/LuckysheetDocs/zh/guide/api.html
+- [GitHub@mengshukeji/luckysheet-react](https://github.com/mengshukeji/luckysheet-react)
+- [GitHub@mui/material-ui](https://github.com/mui/material-ui)
+    - https://mui.com/zh/material-ui/react-table/
+- [GitHub@ant-design/ant-design](https://github.com/ant-design/ant-design)
+    - https://ant.design/components/icon/
+- [GitHub@josdejong/jsoneditor](https://github.com/josdejong/jsoneditor)
+    - https://github.com/josdejong/jsoneditor/tree/master/examples/react_demo
+
+## 5 License
+
+MPL 2.0
+
+Copyright © 2022-PRESENT GitHub@TitanRGB/Timetender , All Rights Reserved.
+

data/event.json

@@ -0,0 +1,107 @@
+[
+  {
+    "id": 1,
+    "title": "test1",
+    "start": "2021-07-01",
+    "ddl": "2021-07-10 00:00:00",
+    "tags": [
+      {
+        "id": 1
+      },
+      {
+        "id": 2
+      }
+    ],
+    "color": "#ff0000",
+    "description": "test 1 description",
+    "history": [
+      {
+        "time": "2022-10-01 00:00:00",
+        "status": "begin"
+      },
+      {
+        "time": "2022-10-05 00:00:00",
+        "status": "done a half"
+      }
+    ],
+    "finished": false
+  },
+  {
+    "id": 2,
+    "title": "test2",
+    "start": "2021-07-05 00:10:00",
+    "ddl": "2021-07-12 00:10:00",
+    "tags": [
+      {
+        "id": 3
+      }
+    ],
+    "color": "#ff5500",
+    "description": "test 2 description",
+    "history": [
+      {
+        "time": "2022-10-01 00:00:00",
+        "status": "begin"
+      },
+      {
+        "time": "2022-10-05 00:00:00",
+        "status": "done a half"
+      },
+      {
+        "time": "2022-10-05 00:00:00",
+        "status": "finish"
+      }
+    ],
+    "finished": true
+  },
+  {
+    "id": 3,
+    "title": "test3",
+    "start": "2021-07-06 00:10:00",
+    "ddl": "2021-07-08 00:10:00",
+    "tags": [
+      {
+        "id": 3
+      },
+      {
+        "id": 4
+      },
+      {
+        "id": 2
+      }
+    ],
+    "color": "#ff0088",
+    "description": "test 3 description",
+    "history": [
+      {
+        "time": "2022-10-01 00:00:00",
+        "status": "begin"
+      }
+    ],
+    "finished": true
+  },
+  {
+    "id": 4,
+    "title": "test4",
+    "start": "2021-07-07 00:10:00",
+    "ddl": "2021-07-12 00:10:00",
+    "tags": [
+      {
+        "id": 1
+      },
+      {
+        "id": 2
+      },
+      {
+        "id": 3
+      },
+      {
+        "id": 4
+      }
+    ],
+    "color": "#aba",
+    "description": "test 4 description",
+    "history": [],
+    "finished": false
+  }
+]

data/tag.json

@@ -0,0 +1,26 @@
+[
+  {
+    "id": 1,
+    "color": "#00ffff",
+    "type": "test",
+    "tag": "test tag 1"
+  },
+  {
+    "id": 2,
+    "color": "#ffff00",
+    "type": "test",
+    "tag": "test tag 2"
+  },
+  {
+    "id": 3,
+    "color": "#321234",
+    "type": "test",
+    "tag": "test tag 3"
+  },
+  {
+    "id": 4,
+    "color": "#00ff00",
+    "type": "test",
+    "tag": "test tag 4"
+  }
+]