Test
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.
index.ts
https://Mbiyu--75182ef23f7011f09b1f76b3cceeab13.web.val.run
A 30-day habit tracking application for groups to track journaling, workouts, and reading habits.
- 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
βββ 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
- Users can register with their name
- Mark daily habits as complete/incomplete
- View personal progress over 30 days
- See group overview of who's completed what each day
- Track streaks and completion rates
- Backend: Hono + SQLite
- Frontend: React + TypeScript + TailwindCSS
- Storage: Val Town SQLite
- Styling: TailwindCSS via Twind