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 miliseconds.
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