Fitzenn : Your personal Fitness Tracker

Fitzenn is a modern, interactive fitness tracking web application built with React.js, designed to help users track workouts, visualize progress, discover fitness tips, and stay motivated with monthly challenges — all through a clean, user-friendly dashboard.

Features

• 🏠 Home Dashboard: Overview of your fitness journey.
• 💪 Activity Update: Update daily workouts and activities.
• 📈 Progress Chart: Visualize your progress with dynamic charts.
• 💡 Fitness Tips: Daily motivational and wellness insights.
• 🎯 Monthly Challenge: Participate in fun challenges to stay consistent.
• 🔐 Login System: Simple user login and logout functionality.
• 📱 Responsive Design: Works across all devices with a clean sidebar navigation.

How It Works

• Login Flow:
  • Clicking the profile icon opens the LoginScreen modal.
  • On successful login, the username is displayed in the sidebar.
• Navigation:
  • The Sidebar component handles navigation between views (Home, Tips, Progress, Challenges, etc.).
  • State management is handled using React Hooks (useState).
• Activity Tracking:
  • Users can update their workout data via the ActivityUpdate screen.
• Progress Visualization:
  • The ProgressChart component shows fitness trends over time (e.g., using Chart.js or similar).

Tech Stack

• React.js – Frontend framework
• Chart.js / Recharts – For progress visualization
• CSS3 – Custom styling and layout
• Fetch / Axios – For API communication
• Node.js – Runtime environment
• Express.js – Web server framework
• MongoDB – NoSQL database for user data
• CORS & dotenv – Middleware and environment management

Running the Project

• Prerequisites

  • Node.js (v16+ recommended)
  • npm or yarn
  • MongoDB running locally (mongodb://127.0.0.1:27017)

• Setup

  • Clone the repository

    git clone https://github.com/<your-username>/Fitzenn.git

  • Navigate to the project directory

    cd Fitzenn

  • Install dependencies

    cd backend && npm install
    cd ../frontend && npm install

  • Start MongoDB

    sudo systemctl start mongod
    

  • Run the backend

    cd backend
    node index.js
    

  • Start the app

    cd frontend
    npm start
    

Future Enhancements

• Integrate JWT authentication for secure sessions
• Add support for image uploads (profile, activity pics)
• Implement real-time progress sync with MongoDB
• Introduce AI-based workout recommendations

Authors

• G Surya Prakash
• Drishti Golchha