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

wisdommarore

WorkOutTrackingApp

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