• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
tfsops

tfsops

habits

Public
Like
habits
Home
Code
4
backend
3
shared
1
README.md
main.tsx
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
/
README.md
Code
/
README.md
Search
6/2/2025
Viewing readonly version of main branch: v8
View latest version
README.md

Habit Tracker App

A simple habit tracking application that allows users to:

  • Create and manage daily habits
  • Track habit completion daily
  • Provide reasons when unable to complete habits
  • View habit streaks and completion history

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   └── habits.ts        # Habit-related API routes
│   └── index.ts             # Main Hono server entry point
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React application
│   │   ├── HabitForm.tsx    # Form for creating habits
│   │   ├── HabitList.tsx    # List of habits with tracking
│   │   └── HabitCard.tsx    # Individual habit card component
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # Frontend React entry point
│   └── style.css            # Custom styles
├── shared/
│   └── types.ts             # Shared TypeScript types
└── README.md

Features

  • Habit Management: Create, edit, and delete habits
  • Daily Tracking: Mark habits as completed or missed with optional reasons
  • Streak Tracking: View current and longest streaks for each habit
  • Responsive Design: Works on desktop and mobile devices

Tech Stack

  • Backend: Hono (TypeScript API framework)
  • Database: SQLite
  • Frontend: React with TypeScript
  • Styling: TailwindCSS
  • Storage: Val Town SQLite and Blob storage
FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
© 2026 Val Town, Inc.