Public
Like
1
todo-app
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data β all from the browser, and deployed in milliseconds.
index.ts
https://stevekrouse--c55bf23a367a11f097069e149126039e.web.val.run
A magical todo list application themed around the wizarding world of Harry Potter. Keep track of your spells, potions, and magical tasks!
- π§ββοΈ Harry Potter themed interface
- π Create, read, update, and delete tasks
- π User authentication with LastLogin
- πΎ Data persistence with Val Town blob storage
- β‘ Performance optimized with server-side data bootstrapping
- Backend: Hono.js API
- Frontend: React
- Authentication: LastLogin
- Storage: Val Town blob storage
βββ backend/
β βββ index.ts # Main entry point with Hono and LastLogin
β βββ routes/ # API routes for todos
βββ frontend/
β βββ components/ # React components
β βββ index.html # Main HTML template
β βββ index.tsx # Frontend entry point
βββ shared/
βββ types.ts # Shared types and interfaces
GET /api/todos
- Get all todos for the logged-in userPOST /api/todos
- Create a new todoPUT /api/todos/:id
- Update a todoDELETE /api/todos/:id
- Delete a todo
- Server-side data bootstrapping: User data and todos are injected into the initial HTML response
- No loading state for initial page load when user is logged in
- Reduced API calls by using bootstrapped data