A minimal, single-page static website showcasing a “Workout of the Day” generator for calisthenics.
Live demo: https://deepakk-sec.github.io/Calisthenics/
- Demo
- Goal
- Features
- Technologies Used
- How It Works
- Usage / Running Locally
- Future Enhancements
- License
- Acknowledgements
Visit the live version here:
https://deepakk-sec.github.io/Calisthenics/
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.
- 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
- HTML
- CSS
- JavaScript (vanilla)
- A JavaScript array holds a list of workout strings (e.g.
"30 Push-Ups • 20 Squats • 1 min Plank"). - When the user clicks the Get Workout button, the script picks a random element from that array.
- The text content of a
<div>is updated to display that workout. - Styling ensures the page looks good across devices.
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)