8080.AI
DesignReqsTasksUser Flow
Architecture
Log inSign up for free

red-a

byDiya Trivedi

build a simple design for todo application

Todo List
Todo List

Comments (0)

No comments yet. Be the first!

Architecture

Service Network for Todo Applicationv3
External Service
Database Service :3306
Backend Service FastAPI :7011
Frontend Service :7012
Client
HTTP
HTTP POST GET api tasks and PATCH api tasks id complete
HTTP api auth
SQLAlchemy pymysql
SQLAlchemy pymysql
connectivity check
HTTP proxy
LiteLLM :4000
MariaDB app_db
main.py app
routes tasks.py - api tasks create list complete
routes auth.py - api auth
routes chat.py - api chat
routes health.py - health
React App - services api.js
Browser SPA
Todo List design preview
Todo List: Request task list
Todo List: Task list load result
Todo List: 1. View task list
Todo List: Tasks not displayed
Todo List: 2. Fill new task details
Todo List: 3. Task creation result
Todo List: 4. Task added to list
Todo List: Task not added
Todo List: 5. Mark task complete
Todo List: 6. Task completion result
Todo List: 7. Task status updated to completed
Todo List: Task not marked complete
Todo List design preview
Todo List: Request task list
Todo List: Task list load result
Todo List: 1. View task list
Todo List: Tasks not displayed
Todo List: 2. Fill new task details
Todo List: 3. Task creation result
Todo List: 4. Task added to list
Todo List: Task not added
Todo List: 5. Mark task complete
Todo List: 6. Task completion result
Todo List: 7. Task status updated to completed
Todo List: Task not marked complete