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

diegoivo

todo-app

Public
Like
todo-app
Home
Code
4
backend
1
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: v5
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.