RevoU-FSSE-2 / week-22-RPrasetyoB

week-22-RPrasetyoB created by GitHub Classroom

Milestone 4 Project

FullStack Project Todo APP

This is a simple full-stack to-do list application built using Flask for the backend and React with TypeScript for the frontend. The app supports CRUD operations and implements Role-Based Access Control (RBAC) for user roles.

The backend (Flask) communicates with the frontend (React) through a RESTful API. The API defines endpoints for CRUD operations on tasks, allowing the frontend to interact seamlessly with the backend.

Technology

• Flask Python

• React Typescript

• Postman

Getting Started

Installation

• BE :

  git clone https://github.com/RevoU-FSSE-2/week-22-RPrasetyoB
  cd functions
  pipenv install
  pipenv shell
  flask run
  

• FE :

  git clone https://github.com/RevoU-FSSE-2/week-22-RPrasetyoB
  cd hosting
  npm install
  npm run dev
  

API Documentation

• week22-milestone4
• postmant

 

API End Point

	Endpoint	Req body	Access Token	Authorization
Login	POST /auth/login	username, password	-	-
Register	POST /auth/register	username (unique), password, role (if role empty auto set to 'user')	-	-
Get todolist	GET /todo	-	required	by role: admin will get all todo, user only get todo that he made
Add new todo	POST /todo	todo, priority (status auto set to "in progress"  & due_date auto set to 3 days ahead)	required	-
Update todo	PUT /todo/:id	todo, status, due_date	required	by username / maker
Delete todo	DEL /todo/:id		required	by username / maker

Users for test

• admin

{
"username":"rpb"
"password":"rpb123"
}

• user

{
"username":"rpb2"
"password":"rpb123"
}

Website design

Security Headers

• BE :

  

• FE :

  

Deployment

• FE : https://week22-rpb.web.app
• BE : https://week22-rpb-s6tv3qk23q-uc.a.run.app