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

Onujules

my-first-val

Public
Like
my-first-val
Home
Code
7
backend
1
shared
1
01_script.tsx
H
02_http.tsx
C
03_cron.tsx
E
04_email.tsx
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
/
README.md
Code
/
README.md
Search
6/2/2025
Viewing readonly version of main branch: v8
View latest version
README.md

Habit Tracker with Animal Companion 🐾

A delightful habit tracking app featuring a cute animal companion that cheers you on every time you complete a task!

Features

  • πŸ“ Add and manage daily habits
  • 🐱 Cute animal companion that reacts to your progress
  • βœ… Mark habits as complete with celebratory animations
  • πŸ“Š Track your streak and completion stats
  • πŸ’Ύ Persistent storage using SQLite

Project Structure

β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ database/
β”‚   β”‚   β”œβ”€β”€ migrations.ts    # Database schema setup
β”‚   β”‚   └── queries.ts       # Database query functions
β”‚   └── index.ts             # Main Hono API server
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ App.tsx          # Main app component
β”‚   β”‚   β”œβ”€β”€ AnimalCompanion.tsx  # Cute animal companion
β”‚   β”‚   β”œβ”€β”€ HabitList.tsx    # Habit management
β”‚   β”‚   └── AddHabitForm.tsx # Form to add new habits
β”‚   β”œβ”€β”€ index.html           # Main HTML template
β”‚   β”œβ”€β”€ index.tsx            # Frontend entry point
β”‚   └── style.css            # Custom styles
└── shared/
    └── types.ts             # Shared TypeScript types

API Endpoints

  • GET /api/habits - Get all habits
  • POST /api/habits - Create a new habit
  • PUT /api/habits/:id/complete - Mark habit as complete
  • DELETE /api/habits/:id - Delete a habit

Getting Started

The app will automatically set up the database on first run. Simply access the HTTP endpoint to start tracking your habits with your adorable animal companion!

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.