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