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: v4View 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)