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.
Viewing readonly version of main branch: v15View latest version
A magical todo app themed around Harry Potter, built with Hono backend and React frontend.
- β‘ Harry Potter themed interface
- π Authentication via LastLogin (Google OAuth)
- π Create, read, update, delete todos
- πΎ Data stored in Val Town blob storage
- π¨ Responsive design with TailwindCSS
βββ backend/
β βββ index.ts # Main Hono app with routes
β βββ README.md
βββ frontend/
β βββ components/
β β βββ App.tsx # Main React app
β β βββ TodoList.tsx # Todo list component
β β βββ TodoForm.tsx # Add todo form
β βββ index.html # Main HTML template
β βββ index.tsx # Frontend entry point
β βββ README.md
βββ shared/
β βββ types.ts # Shared TypeScript types
β βββ README.md
βββ README.md
GET /
- Main app pageGET /api/todos
- Get user's todosPOST /api/todos
- Create new todoPUT /api/todos/:id
- Update todoDELETE /api/todos/:id
- Delete todo
Uses LastLogin for Google OAuth authentication. User email is passed via X-LastLogin-Email
header.
- Backend: Hono.js
- Frontend: React 18.2.0 with TypeScript
- Styling: TailwindCSS
- Storage: Val Town Blob Storage
- Auth: LastLogin (Google OAuth)