ποΈ 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.
Log in or sign up for Devpost to join the conversation.