A todo-project..

by me and PJ \ hopefully it will be easy.. but it is impossible.. this readme is more like a diary to record the process.. will reorganize later please go to stable branch

$ git checkout main

frontend

in case you want some local images:

$ cd frontend/server
$ node server.js # start another server to provide local images
$ cd ..
$ npm install
$ npm start

backend

$ cd backend
$ poetry install
$ poetry run python -m mytodo serve --debug

please go to http://127.0.0.1:8000

Below is just a diary please ignore it!!!!

start at Dec.21..

• please make sure your environment is correct

• detailed requirement please refer to here

  Dec.21:

frontend

• build a structure of the front & backend using react.js

  $ npx create-react-app frontend --template typescript
  $ cd frontend
  $ npm install mobx-react --save    
  $ npm install antd --save       

• use the structure to create a webpage that can access..

backend

• use poetry to init and add dependencies

  $ poetry init
  $ poetry add [dependency]

problems:

• how to transfer the response data of axios into typescript type????????(use console.log to find out the problem!!)

• tired..

  Dec.22

frontend

• using axios to post data to the backend
• using form to collect data

  backend

• try using mysqlmodel

  $ poetry add sqlalchemy
  $ poetry add sqlmodel

• sqlmodel can connect with backend and frontend

  problems:

• strange... onSubmit is a method described in docs... not resolved..copy and paste the node-module from a successful version(use onClick to substitute)

  Type '{ children: Element; layout: "inline"; onSubmit: () => void; }' is not assignable to type 'IntrinsicAttributes & FormProps<any> & { children?: ReactNode; } & { ref?: Ref<FormInstan

• cannot lively update the frontend
• ugly frontend UI(use antd.css!!!)

• not able to rebase the model on sqlmodel yet(necessary?)

  Dec.23

frontend

• add sider but not seems to working

  backend

• extending current models, add status
• rebase on sqlmodel
• sqlmodel is easier than creating a model myself.........read the wrong doc before

Dec.24

frontend

• redraw the UI(Just add default antd.css and all is done..F**K)

backend

• add expire_date
• can re-render the pages every second, still cannot re-render based on events..strange
• not able to handle observer, may try listener tomorrow

Dec.25

frontend

• draw the update drawer

backend

• add function to check if expired
• modify some type into enum to increase readability

Dec.26

frontend

• add the sort buttons
• add local images, due to chromium's security restrictions
• build a simple server
• offer yarn method with yarn.lock instead of npm only

backend

• add the test function for apis.py
• import some additional modules