• Townie
    AI
  • Blog
  • Docs
  • Pricing
Log inSign up
diegoivo

diegoivo

todo-app

Public
Like
todo-app
Home
Code
5
backend
1
frontend
3
shared
2
README.md
main.tsx
Branches
1
Pull requests
Remixes
1
History
Environment variables
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.
Sign up now
Code
/
README.md
Code
/
README.md
Search
5/30/2025
Viewing readonly version of main branch: v15
View latest version
README.md

Harry Potter Todo App ⚑

A magical todo app themed around Harry Potter, built with Hono backend and React frontend.

Features

  • ⚑ 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

Project Structure

β”œβ”€β”€ 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

API Routes

  • GET / - Main app page
  • GET /api/todos - Get user's todos
  • POST /api/todos - Create new todo
  • PUT /api/todos/:id - Update todo
  • DELETE /api/todos/:id - Delete todo

Authentication

Uses LastLogin for Google OAuth authentication. User email is passed via X-LastLogin-Email header.

Tech Stack

  • Backend: Hono.js
  • Frontend: React 18.2.0 with TypeScript
  • Styling: TailwindCSS
  • Storage: Val Town Blob Storage
  • Auth: LastLogin (Google OAuth)
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
ExploreDocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareersBrandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.