πŸ‹οΈ Gymness

A full-stack Workout Planner web app that allows users to create, manage, and organize their workout routines efficiently. Built using React, Tailwind CSS, and protected authentication routes.


✨ Features

  • πŸ” User Authentication (Register / Login)
  • πŸ—‚οΈ Create & Manage Workout Plans
  • πŸ—“οΈ Add Days to Each Plan (e.g., Monday: Push)
  • πŸ’ͺ Assign Target Muscle Groups per Day
  • ✏️ Edit / Delete Plans and Days with Confirmation Dialogs
  • πŸ“¦ Protected Routes using React Router
  • πŸŒ™ Responsive, modern UI with Tailwind and shadcn/ui

🧰 Tech Stack

Frontend

  • React (with Vite)
  • React Router
  • Tailwind CSS
  • Shadcn/ui
  • React Icons
  • React Toastify

Backend

  • Express.js
  • RESTful API
  • MongoDB
  • Cookie-based authentication

πŸš€ Getting Started

1. Clone the Repository

git clone https://github.com/NirakChoun/gymness
cd gymness

2. Install Frontend Dependencies

npm install

3. Start the Development Server

npm run dev

Make sure your backend is running and accessible at /api.


πŸ“¦ Future Improvements

  • Workout history tracking
  • Exercise-level details
  • Progress tracking & stats
  • Social sharing & templates

πŸ“œ License

MIT Β© 2025 [Nirak Choun]


πŸ™Œ Acknowledgments

Inspired by Brad Traversy’s conventions and real-world full-stack practices.

Share this project:

Updates