WorkOutTrackingApp
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://wisdommarore--e6af57c23f9b11f0a40476b3cceeab13.web.val.run
A motivational workout tracking web application that helps users log daily workouts, track consistency, and stay motivated with inspirational quotes.
- Daily Workout Logging: Record workouts with type, duration, and intensity
- Consistency Tracking: Visual progress tracking with streak counters
- Motivational Quotes: Daily inspirational quotes to keep users motivated
- Progress Analytics: Weekly and monthly workout summaries
- Responsive Design: Works on desktop and mobile devices
βββ backend/
β βββ database/
β β βββ migrations.ts # Database schema setup
β β βββ queries.ts # Database query functions
β βββ routes/
β β βββ workouts.ts # Workout CRUD operations
β β βββ quotes.ts # Motivational quotes API
β βββ index.ts # Main Hono server
βββ frontend/
β βββ components/
β β βββ App.tsx # Main React component
β β βββ WorkoutForm.tsx # Workout logging form
β β βββ WorkoutList.tsx # Workout history display
β β βββ StatsCard.tsx # Progress statistics
β β βββ QuoteCard.tsx # Daily motivational quote
β βββ index.html # Main HTML template
β βββ index.tsx # Frontend entry point
β βββ style.css # Custom styles
βββ shared/
βββ types.ts # Shared TypeScript types
- Backend: Hono.js with SQLite database
- Frontend: React with TypeScript
- Styling: TailwindCSS
- Storage: Val Town SQLite for workout data and user progress
The app is automatically deployed on Val Town. Access the main interface through the HTTP endpoint.
- workouts: Stores individual workout entries
- user_stats: Tracks user progress and streaks