• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
stevekrouse

stevekrouse

todo-app

Public
Like
1
todo-app
Home
Code
4
backend
1
frontend
3
shared
1
README.md
Branches
1
Pull requests
Remixes
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
/
Code
/
Search
index.ts
https://stevekrouse--c55bf23a367a11f097069e149126039e.web.val.run
README.md

Wizarding Tasks - A Harry Potter Themed Todo App

A magical todo list application themed around the wizarding world of Harry Potter. Keep track of your spells, potions, and magical tasks!

Features

  • πŸ§™β€β™‚οΈ Harry Potter themed interface
  • πŸ“ Create, read, update, and delete tasks
  • πŸ” User authentication with LastLogin
  • πŸ’Ύ Data persistence with Val Town blob storage
  • ⚑ Performance optimized with server-side data bootstrapping

Tech Stack

  • Backend: Hono.js API
  • Frontend: React
  • Authentication: LastLogin
  • Storage: Val Town blob storage

Project Structure

β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ index.ts             # Main entry point with Hono and LastLogin
β”‚   └── routes/              # API routes for todos
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ components/          # React components
β”‚   β”œβ”€β”€ index.html           # Main HTML template
β”‚   └── index.tsx            # Frontend entry point
└── shared/
    └── types.ts             # Shared types and interfaces

API Endpoints

  • GET /api/todos - Get all todos for the logged-in user
  • POST /api/todos - Create a new todo
  • PUT /api/todos/:id - Update a todo
  • DELETE /api/todos/:id - Delete a todo

Performance Optimizations

  • Server-side data bootstrapping: User data and todos are injected into the initial HTML response
  • No loading state for initial page load when user is logged in
  • Reduced API calls by using bootstrapped data
HTTP
  • index.ts
    stevekrouse--c5…9e.web.val.run
Code
backendfrontendsharedREADME.md
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
ExploreDocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.