TimeFit is a modern and responsive Stopwatch Web Application built using HTML, CSS, and JavaScript. It is designed with a clean user interface and provides essential stopwatch features along with a workout planner to enhance productivity and fitness tracking.
This project was developed as Task 2 of the SkillCraft Technology Web Development Internship.
▶️ Start Stopwatch- ⏸️ Pause Stopwatch
- 🔄 Reset Stopwatch
- 🏁 Lap Time Recording
- 🗑️ Clear Lap Records
- 🎨 Three Stopwatch Dial Themes
- 🟢 Classic Green
- 🔵 Neon Blue
- 🔴 Sport Red
- 🏋️ Workout Planner
- ➕ Add Exercise
- ✏️ Edit Exercise
- 🗑️ Delete Exercise
- ✅ Mark as Completed
- 📊 Statistics Dashboard
- Total Laps
- Total Exercises
- Completed Exercises
- 💾 Local Storage Support
- 📱 Fully Responsive Design
- ⌨️ Keyboard Shortcuts
- ✨ Smooth UI Animations
- HTML5
- CSS3
- JavaScript (ES6)
- Local Storage API
TimeFit/
│── index.html
│── style.css
│── script.js
│── assets/
│ ├── images/
│ └── icons/
└── README.md
Through this project, I improved my understanding of:
- JavaScript DOM Manipulation
- Event Handling
- Stopwatch Logic
- Dynamic UI Updates
- Local Storage
- Responsive Web Design
- CSS Flexbox & Grid
- UI/UX Design Principles
- Project Organization
Add screenshots of your application here after uploading them to the repository.
- ⏱️ Analog Stopwatch Dial
- 📈 Workout Progress Charts
- 🌙 Dark / Light Mode
- 🔔 Sound Effects
- 📅 Workout History
- 🎯 Custom Workout Categories
- 📤 Export Lap Records
- ☁️ Cloud Data Sync
- Clone the repository
git clone https://github.com/Your-name/SCT_WD_2.git-
Open the project folder.
-
Open
index.htmlin your browser.
Organization: SkillCraft Technology
Internship Domain: Web Development
Task: Task 2 - Stopwatch Web Application
Ali
GitHub:git clone https://github.com/aLi-repos/SCT_WD_2.git
⭐ If you like this project, consider giving it a Star on GitHub!