DjangoRestFramework-React

Full-stack todo app

Description of the app: User can create, read, update and delete the tasks.

Tachnology:

• Backend: Django-rest-framework
• Database: Django-default-sqlite
• API: REST API.
• Frontend: React-Typescript
• Designing: Style-components

Backlogs

• Setup Backend
  • Install virtual enviroment
  • Install django and djangorestframework
  • Install django project and app
  • Setup connection between app and app manager
  • REST API setup
  • Create Api end-points
  • CRUD test by using Postman
  • Install django-cors-headers and setup CORS
• Setup Frontend
  • Create React-app
  • Install dependencies
  • Use hooks
  • React-router-dom setup
  • Proxy setting
  • Fetch data
  • Shows data to the browser
  • [] Add datatable
  • Styling
  • Error handaling
  • [] Build production
• Deployment
  • [] setup AWS S3 Bucket
  • [] Deployment complete

Intruction to setup sequelize:

Run the app

// To run the django
$ python3 manage.py runserver

// To run the React

$ cd frontend & npm start

Tech information

Tech	Version
React	16.13.0
Django	3.1
django-cors-headers	3.11.1
Styled-components	5.1.0

License

This project is licensed under the MIT License

Picture collected from third party.