Combat sedentary fatigue with a full-stack break-management system designed for developers and long-term computer users.
StretchApp is a health and wellness tool built to address the physical strain of long hours at a desk. The application provides a structured "top-of-the-hour" timer that prompts users to take 5-minute movement breaks. By allowing users to target specific body areas, it delivers curated, visual exercise instructions to ensure physical well-being remains a priority during intense work sessions.
- ⏱️ Top-of-Hour Timer: Intelligent 5-minute countdowns triggered at the start of every hour.
- 🎯 Targeted Recovery: Select specific muscle groups (Neck, Back, Wrists, etc.) for personalized relief.
- 🎬 Visual Guidance: Interactive GIF-based exercise library for clear, easy-to-follow instructions.
- 🔄 Dynamic Logic: Randomized exercise selection to prevent routine fatigue.
- 🎨 Responsive UI: A clean, intuitive interface built with SCSS and modular styling.
- Vanilla JS Engine: Handles real-time countdown synchronization and UI state management.
- Modular Data Structures: Curated arrays of exercise assets categorized by body part.
- EJS Templating: Dynamic rendering of exercise components and timer states.
- SCSS/CSS3: Utilizes pre-processors for maintainable, nested styling and modular design.
- Asset Management: Integrated GIF library for instructional playback.
- Node.js (v18+)
- npm or yarn
- Clone the Repository:
git clone [https://github.com/ivanx000/StretchApp.git](https://github.com/ivanx000/StretchApp.git) cd StretchApp
2. **Install Dependencies:**
```bash
npm install
- Run the Application:
npm start
The app will be available at http://localhost:3000
- ⚛️ React Migration: Transitioning the frontend to a modern React architecture for improved state management.
- 🌐 Community Feed: Implementing a social layer where users can share wellness milestones.
- 💾 Persistent Database: Adding a backend database to allow user-generated exercise contributions and history tracking.
- Frontend: HTML5, SCSS, Vanilla JavaScript
- Templating: EJS (Embedded JavaScript)
- Runtime: Node.js
- Assets: Instructional GIF Library
- Developer Wellness: Preventing RSI and back pain during long coding sessions.
- Remote Work: Creating a structured break routine in a home office environment.
- Posture Correction: Targeted stretches for common desk-related physical strain.