PlanFit

Live Demo

✨ Features

  • Secure Authentication: Sign up and log in securely with JWT-based authentication.
  • Workout Logging: Easily log your workouts, including type, duration, and calories burned.
  • Progress Tracking: View detailed progress charts for better motivation.
  • Workout History: Access a complete history of your workouts anytime.
  • Responsive Design: Optimized for both desktop and mobile users.

Tech Stack

  • Frontend

    • ReactJS for dynamic and interactive user interfaces
    • TailwindCSS for clean and responsive design

  • Backend

    • Node.js with Express for fast and efficient server-side logic
    • MongoDB for flexible and scalable data storage

  • Authentication

    • JWT (JSON Web Tokens) for secure user sessions

How to Run

  1. Backend Setup:

    • Navigate to the server directory: cd server
    • Install dependencies: npm install
    • Start the backend server: node index.js

  2. Frontend Setup:

    • Navigate to the client directory: cd client
    • Install dependencies: npm install
    • Start the frontend server: npm run dev
  3. Open your browser and navigate to http://localhost:3000.

API Endpoints

  • POST /api/auth/register: Register a new user.
  • POST /api/auth/login: Login for existing users.
  • GET /api/workouts: Fetch all workouts for the logged-in user.
  • POST /api/workouts: Add a new workout.
  • DELETE /api/workouts/:id: Delete a workout by ID.

What’s Next?

I plan to enhance PlanFit with the following features:

  • Social Features: Compete with friends and share your achievements.
  • Wearable Integration: Sync data directly from fitness wearables.
  • Mobile App: Create a dedicated mobile app for better accessibility.

Acknowledgements

  • MERN stack community for extensive resources
  • TailwindCSS for effortless styling
  • JWT for reliable authentication

Try PlanFit today and take control of your fitness journey! If you like the app, please star it on GitHub. 🚀💪