FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
Mbiyu
MbiyuTest
Public
Like
Test
Home
Code
4
backend
3
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 miliseconds.
Sign up now
Code
/
Code
/
Search
index.ts
https://Mbiyu--75182ef23f7011f09b1f76b3cceeab13.web.val.run
README.md

Daily Habit Tracker

A 30-day habit tracking application for groups to track journaling, workouts, and reading habits.

Features

  • Individual Tracking: Each person can mark their daily habits as complete
  • Group Visibility: See who has completed which habits each day
  • 30-Day Challenge: Track progress over a 30-day period
  • Three Core Habits:
    • 📝 Journaling
    • 💪 Workout
    • 📚 Reading

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   ├── habits.ts        # Habit tracking API routes
│   │   └── users.ts         # User management routes
│   └── index.ts             # Main Hono server
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main application component
│   │   ├── HabitGrid.tsx    # 30-day habit grid
│   │   ├── UserCard.tsx     # Individual user progress
│   │   └── GroupOverview.tsx # Group progress overview
│   ├── index.html           # Main HTML template
│   └── index.tsx            # Frontend entry point
└── shared/
    └── types.ts             # Shared TypeScript types

Usage

  1. Users can register with their name
  2. Mark daily habits as complete/incomplete
  3. View personal progress over 30 days
  4. See group overview of who's completed what each day
  5. Track streaks and completion rates

Tech Stack

  • Backend: Hono + SQLite
  • Frontend: React + TypeScript + TailwindCSS
  • Storage: Val Town SQLite
  • Styling: TailwindCSS via Twind
HTTP
  • index.ts
    Mbiyu--75…13.web.val.run
Code
backendfrontendsharedREADME.md
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.