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

Mbiyu

Test

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 milliseconds.
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
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.