FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
wisdommarore
wisdommaroreWorkOutTrackingApp
Public
Like
WorkOutTrackingApp
Home
Code
4
backend
3
frontend
4
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://wisdommarore--e6af57c23f9b11f0a40476b3cceeab13.web.val.run
README.md

Workout Tracker App

A motivational workout tracking web application that helps users log daily workouts, track consistency, and stay motivated with inspirational quotes.

Features

  • 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

Project Structure

├── 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

Tech Stack

  • Backend: Hono.js with SQLite database
  • Frontend: React with TypeScript
  • Styling: TailwindCSS
  • Storage: Val Town SQLite for workout data and user progress

Getting Started

The app is automatically deployed on Val Town. Access the main interface through the HTTP endpoint.

Database Schema

  • workouts: Stores individual workout entries
  • user_stats: Tracks user progress and streaks
HTTP
  • index.ts
    wisdommarore--e6…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.