# πŸ§˜β€β™€οΈ Yoga Timer A calming and customizable yoga interval timer built for focus and flow. Ideal for personal sessions, yoga instructors, and mindful break routines. ![Yoga Timer Banner](https://kira-iovenko.github.io/yoga_app/images/banner.png) --- ## ✨ Features - ⏱️ Customizable workout/rest durations & set count - πŸ“Š Progress bar and countdown timer - πŸŽ‰ Success screen when session completes - 🎨 Smooth UI transitions and calming visuals - πŸ–ΌοΈ Responsive layout with glassmorphic design - πŸ”‡ Optional sound toggle (planned) --- ## πŸš€ Live Preview Take a deep breath and explore the Yoga Timer in action: πŸ”— [https://kira-iovenko.github.io/yoga_app/](https://kira-iovenko.github.io/yoga_app) --- ## πŸ”§ Built With - ![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=flat&logo=html5&logoColor=white) - ![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=flat&logo=css3&logoColor=white) - ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat&logo=javascript&logoColor=black) --- ## πŸ“‚ Getting Started ### 1. Clone the repository: ```bash git clone https://github.com/kira-iovenko/yoga-app.git cd yoga-app ``` ### 2. Open in browser Just open `index.html` in your browser. --- ## πŸ“ Folder Structure ``` β”œβ”€β”€ index.html # Main HTML file β”œβ”€β”€ styles.css # All styles β”œβ”€β”€ script.js # App logic β”œβ”€β”€ images/ β”‚ └── yoga-bg.png # Background image β”‚ └── banner.png # App banner ``` --- ## πŸ“Œ To-Do / Planned - [ ] Add intro screen with a motivational message - [ ] Add sound on phase change - [ ] Save last session settings --- ## πŸ“Ž License This project is open-source and available under the [MIT License](LICENSE). --- ## πŸ™Œ Author Made with ❀️ by [@kira-iovenko](https://github.com/kira-iovenko) --- πŸͺ· _β€œFind your flow. Begin your session.”_ πŸ§˜β€β™€οΈπŸŒΏ