DEV Community

M.N.Gayathri Prasad
M.N.Gayathri Prasad

Posted on

💪 SweatSpace: Powered by Amazon Q Developer

#devchallenge #awschallenge #ai #webdev

This is a submission for the Amazon Q Developer "Quack The Code" Challenge: Crushing the Command Line

🚀 What I Built

I created SweatSpace—a responsive and interactive web app that provides personalized workout routines based on your fitness goals and experience level. Whether your goal is weight loss, muscle gain, or flexibility, this app helps generate custom daily workouts and track your fitness journey with motivational tools like timers, reminders, and a workout calendar.

⚙ Key Features

  • 🎯 Goal-based fitness routine generator (Weight Loss, Muscle Gain, Flexibility)
  • 🧠 Level selection: Beginner, Intermediate, Advanced
  • ⏱️ In-app exercise timer with start/pause/reset
  • 🧮 BMI calculator with real-time feedback and suggestions
  • 📅 Weekly workout calendar with history highlights
  • 🔔 Smart popup reminders to stay hydrated, maintain posture, and more
  • 💾 Workout progress saved using localStorage

🖥️ Live Demo

👉 Try SweatSpace Now

🖥️ Demo

Image description
Image description
Image description
Image description

💻 Code Repository

👉 GitHub – gayathri2647/fitness-planner

🛠 Tech Stack

  • HTML5
  • CSS3
  • JavaScript (Vanilla)
  • Font Awesome
  • LocalStorage

🧠 Development Highlights

  • Dynamic exercise list generation based on user input
  • Responsive design with smooth navigation between tabs
  • Custom-built timer and progress tracker
  • Daily workout completion indicator stored in calendar view
  • Random motivational reminders triggered using intervals
  • Clean and user-friendly interface for all device sizes

🔐 Best Practices Followed

  • Clean separation between UI, logic, and data files
  • Validated inputs for BMI to prevent inaccurate data
  • Used LocalStorage to avoid backend/database dependencies
  • Project structure organized for readability and scalability

💡 Lessons Learned

  • Managing complex state and dynamic UI with vanilla JS
  • Enhancing user engagement through micro-interactions and reminders
  • Structuring frontend-only projects for scalability and feature expansion
  • Importance of accessibility and responsiveness in fitness apps

🛠 How I Used Amazon Q Developer

To create this tool, I leveraged Amazon Q Developer for its seamless integration with AWS services and its powerful querying capabilities. I used Amazon Q’s features to automate file handling tasks, set up system-level queries, and integrate cloud functionality for real-time system monitoring. Some key features included are automated report generation, dynamic file search, and efficient task scheduling—all powered by Amazon Q's intelligent query engine. The cloud integration made it easy to scale the solution for both personal and enterprise use.

Tips & Insights:

  • Take advantage of Amazon Q's powerful query language for automating both simple and complex tasks.
  • Experiment with Amazon Q’s real-time querying capabilities to optimize command-line workflows for various environments.

⚠️ Note: I'm currently student working on this project.

🙌 Final Thoughts

Building SweatSpace allowed me to blend my love for coding with my interest in health and wellness. I'm proud of how the app evolved, and I hope it serves as motivation for anyone looking to improve their fitness and frontend skills. There's still more I plan to add—like login, progress streaks, and integrations—so stay tuned!

📬 Let's Connect

Top comments (0)