stud-flow

bylayla

Build a simple student task manager where students can create, edit, delete and mark tasks as completed

LandingLoginTasksNew TaskTask Details
Landing

Comments (0)

No comments yet. Be the first!

Architecture

stud-flow Service Networkv1
Containerized Runtime
Durable Storage
Backend FastAPI
Frontend React App
Student Device
Docker Compose
PostgreSQL
FastAPI Application
Enrollment and Sign-In Endpoints
Task Endpoints
stud-flow React SPA
Route Guard for Signed-In Student
Web Browser
Landing design preview
Landing: View intro
Login: Sign up new account
Login: Submit login credentials
Tasks: View task list
New Task: Enter task details
New Task: Save new task
Tasks: 1. View updated task list
Tasks: 2. Select task to edit
Task Details: 3. Modify task details
Task Details: 4. Save task changes
Tasks: 5. Select task to delete
Task Details: 6. Delete task
Tasks: 7. Select task to complete
Task Details: 8. Mark task completed
Landing design preview
Landing: View intro
Login: Sign up new account
Login: Submit login credentials
Tasks: View task list
New Task: Enter task details
New Task: Save new task
Tasks: 1. View updated task list
Tasks: 2. Select task to edit
Task Details: 3. Modify task details
Task Details: 4. Save task changes
Tasks: 5. Select task to delete
Task Details: 6. Delete task
Tasks: 7. Select task to complete
Task Details: 8. Mark task completed