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