🏋️ FitZone - Fitness & Wellness Platform

🌐 Live Demo

🚀 Try FitZone Online

https://kerolosnady1.github.io/fitZone/

📸 Project Preview

🏠 Home Page

💪 Training Programs

🍎 Nutrition & Meals

👤 Login Page

🌐 Contact

ℹ️ About

🈂️ Services

💡 Want to explore the whole experience?

Visit the live website:

https://kerolosnady1.github.io/fitZone/
``

📖 Overview

FitZone is a comprehensive fitness and wellness web application designed to help users achieve their health and fitness goals. Built with a stunning Neon Cyberpunk design aesthetic, FitZone offers workout planning, nutrition tracking, calorie calculators, and progress monitoring—all in one platform.

✨ Features

🏠 Core Features

• User Authentication - Secure registration and login system with password hashing
• User Profiles - Personal profile management with avatar upload
• Progress Tracking - Log and track your weight, workouts, and notes over time
• Workout Streak System - Gamified workout tracking with streak counters

💪 Training & Workouts

• Exercise Library - Curated exercises with embedded video tutorials
• Training Splits - Pre-built workout programs:
• Bro Split
• Full Body
• Push/Pull
• Body Part Split
• Powerbuilding

🍎 Nutrition

• Healthy Meals Gallery - 10+ nutritious meal options with macros
• Advanced Calorie Calculator - BMR & TDEE calculation using Mifflin-St Jeor equation
• Macro Calculator - Personalized protein, carbs, and fat recommendations
• Goal-Based Planning - Bulking, cutting, and maintenance macros

📊 Calculators

• BMR Calculator - Basal Metabolic Rate estimation
• TDEE Calculator - Total Daily Energy Expenditure
• Activity Level Adjustment - Low, Normal, and High activity multipliers

🛠️ Tech Stack

📁 Project Structure

fitZone/
├── app.py                 # Main Flask application
├── fitzone.db             # SQLite database
├── requirements.txt       # Python dependencies
├── setup_database.php     # Database setup script
│
├── api/                   # REST API endpoints
│   ├── auth/              # Authentication APIs
│   ├── meals/             # Meals API
│   ├── exercises/         # Exercises API
│   ├── progress/          # Progress tracking API
│   └── ...
│
├── templates/             # Flask HTML templates
│   ├── base.html          # Base template
│   ├── index.html         # Home page
│   ├── login.html         # Login page
│   ├── register.html      # Registration page
│   ├── profile.html       # User profile
│   └── ...
│
├── static/                # Static assets
├── css/
│   └── style.css          # Main stylesheet (Neon Cyberpunk)
├── js/
│   └── main.js            # Main JavaScript file
├── img/                   # Images and media
│
├── database/
│   └── schema.sql         # Database schema with seed data
│
├── index.html             # Static home page
├── about.html             # About page
├── services.html          # Services page
├── meals.html             # Meals gallery
├── training.html          # Training programs
├── contact.html           # Contact form
├── login.html             # Static login page
└── register.html          # Static registration page

🚀 Getting Started

Prerequisites

• Python 3.8+
• pip (Python package manager)
• XAMPP (optional, for PHP/MySQL setup)

Installation

1. Clone the repository
   bash git clone https://github.com/Kerolosnady1/fitZone.git cd fitZone

2. Create a virtual environment (recommended)
   ```bash
   python -m venv venv

# Windows
venv\Scripts\activate

# Linux/macOS
source venv/bin/activate
```

3. Install dependencies
   bash pip install -r requirements.txt

4. Initialize the database

The SQLite database (fitzone.db) is included. To reset or recreate it:
bash # Using the SQL schema sqlite3 fitzone.db < database/schema.sql

5. Run the application
   bash python app.py

6. Open your browser
   http://localhost:5000

📱 Pages & Routes

🎨 Design Philosophy

FitZone features a Neon Cyberpunk aesthetic with:

• 🌙 Dark Theme - Easy on the eyes, perfect for late-night workout planning
• ⚡ Neon Accents - Vibrant yellow (#ffeb0e) and cyan (#6decfb) highlights
• 🌐 Glassmorphism - Modern glass-like panels with subtle transparency
• ✨ Micro-animations - Smooth hover effects and pulse animations
• 📱 Responsive Design - Works seamlessly on desktop, tablet, and mobile

🗃️ Database Schema

Tables

🔐 Security Features

• ✅ Password hashing using Werkzeug's generate_password_hash
• ✅ Session-based authentication
• ✅ Secure file upload with filename sanitization
• ✅ CSRF protection through Flask sessions
• ✅ SQL injection prevention via parameterized queries

📸 Screenshots

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

Kerolos Farag

• 📍 Location: Cairo, Egypt
• 📧 Contact: Via the Contact Page

🙏 Acknowledgments

• Flask - Web framework
• Font Awesome - Icons
• Google Fonts - Cairo font family
• All the fitness enthusiasts who inspired this project

© 2025 FitZone • Neon Cyberpunk v8

Made with 💪 for fitness enthusiasts worldwide