neon-start

byDiya Trivedi

start a project to build a todo applicaition with 3 pages designs

LandingTodo EditorTodos
Landing

Comments (0)

No comments yet. Be the first!

Architecture

Service Network for Todo Applicationv2
application data
LLM gateway tier
backend container :7011
frontend container :7012
Client
HTTP :7012
HTTP :7011 /api/enroll /api/login /api/session /api/me
HTTP :7011 /api/auth/register /api/auth/login
POST :7011 /api/chat/stream SSE
mysql+pymysql :3306
httpx POST /chat/completions :4000
postgresql :5432
redis :6379
database MariaDB :3306 users admins
litellm :4000
postgres :5432 litellm logs
redis :6379 litellm cache
FastAPI User Management API
identity router /api
auth router /api/auth
chat router /api/chat
health router /health
security.py JWT HS256
database.py SQLAlchemy engine
React SPA (CRA dev server)
services/api.js REACT_APP_API_BASE_URL
hooks/useChat.js SSE client
Browser
Landing design preview
Landing: Enroll
Landing: Log in
Todos: 1. View todos
Todos: Complete todo
Todos: Delete todo
Todo Editor: 2. Create todo
Todo Editor: 3. Edit todo
Todo Editor: 4. Save changes
Landing design preview
Landing: Enroll
Landing: Log in
Todos: 1. View todos
Todos: Complete todo
Todos: Delete todo
Todo Editor: 2. Create todo
Todo Editor: 3. Edit todo
Todo Editor: 4. Save changes