A cycle-aware fitness web application designed to help women make informed training decisions throughout different phases of their menstrual cycle.
The platform provides workout guidance, cycle phase visualization, and fitness recommendations through an intuitive and responsive user interface. The goal is to create a simple educational tool that helps users better understand how different phases of the menstrual cycle may influence training and recovery.
🔗 Live Website: https://devanshi-ka.github.io/cycle-strength/
🔗 GitHub Repository: https://github.com/Devanshi-ka/cycle-strength
Cycle & Strength was created to explore the intersection of fitness, health awareness, and frontend web development.
Many fitness applications focus on generic workout plans. This project aims to provide a more personalized experience by presenting workout suggestions and educational content based on different menstrual cycle phases.
The website emphasizes:
- Clean and modern user interface
- Responsive design for multiple devices
- Interactive user experience
- Educational fitness content
- Simple and accessible navigation
Allows users to estimate their current menstrual cycle phase based on user input.
Provides training recommendations tailored to different cycle phases.
Displays cycle phases in a visually engaging format to improve understanding.
Explains the characteristics of each phase and how they may relate to training.
Optimized for desktop, tablet, and mobile devices.
Simple navigation and clean layout focused on accessibility and usability.
- HTML5
- CSS3
- JavaScript
- Git
- GitHub
- GitHub Pages
This project was developed using modern frontend development practices and AI-assisted development (Vibe Coding) to accelerate prototyping, design iteration, and feature implementation.
- Designing an intuitive cycle visualization interface
- Creating a responsive layout for multiple screen sizes
- Presenting health and fitness information in a simple and engaging way
- Improving user experience through clear navigation and layout design
Through this project, I improved my skills in:
- Frontend Web Development
- Responsive Web Design
- UI/UX Design
- JavaScript DOM Manipulation
- Git & GitHub Workflow
- AI-Assisted Development
- Project Documentation
Potential enhancements for future versions include:
- User authentication and profiles
- Workout tracking dashboard
- Progress analytics and charts
- Personalized fitness plans
- Calendar integration
- Data storage using a backend database
- Advanced cycle tracking features
- Dark mode support
- Multi-language support
- Accessibility improvements
Developed by Devanshi Kachhadiya
GitHub: https://github.com/Devanshi-ka LinkedIn: www.linkedin.com/in/devanshi-kachhadiya