Skip to content

DeepakK-sec/Calisthenics

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

Calisthenics — Static One-Page Web App ���️‍♂️

A minimal, single-page static website showcasing a “Workout of the Day” generator for calisthenics.
Live demo: https://deepakk-sec.github.io/Calisthenics/


Table of Contents


Demo

Visit the live version here:
https://deepakk-sec.github.io/Calisthenics/


Goal

To build a simple, clean, no-backend, static webpage that gives users a random calisthenics workout each time they click a button. Perfect for beginners or those who want quick daily inspiration without complexity.


Features

  • Single page (just index.html)
  • Random workout generator (predefined set of routines)
  • Responsive and mobile-friendly layout
  • Clean design with gradient background, styled div, and button
  • No server or backend dependencies

Technologies Used

  • HTML
  • CSS
  • JavaScript (vanilla)

How It Works

  1. A JavaScript array holds a list of workout strings (e.g. "30 Push-Ups • 20 Squats • 1 min Plank").
  2. When the user clicks the Get Workout button, the script picks a random element from that array.
  3. The text content of a <div> is updated to display that workout.
  4. Styling ensures the page looks good across devices.

Usage / Running Locally

To run the project locally:

# Clone the repository
git clone https://github.com/deepakk-sec/Calisthenics.git

# Move into the project directory
cd Calisthenics

# Open index.html in your browser
# (You can double-click it or serve via a simple server)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages