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

Onujules

my-first-val

Public
Like
my-first-val
Home
Code
8
backend
6
frontend
6
shared
1
01_script.tsx
C
03_cron.tsx
E
04_email.tsx
README.md
H
index.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
/
Code
/
Search
https://Onujules--cb6507083fb611f091f176b3cceeab13.web.val.run
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!

HTTP
  • index.ts
    Onujules--cb…13.web.val.run
  • index.tsx
    Onujules--4a…13.web.val.run
Cron
  • 03_cron.tsx
Email
  • 04_email.tsx
Code
backendfrontendshared01_script.tsx
C
03_cron.tsx
E
04_email.tsx
README.md
H
index.tsx
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI 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.