Skip to content

AuraFit is a sleek and responsive gym website built with React. It showcases fitness classes, membership plans, shop items, and contact details. Users can explore subscriptions, browse gym products, and get in touch easily. Designed for a modern fitness brand looking to grow its digital presence.

Notifications You must be signed in to change notification settings

Sumant3086/AuraFit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ‹οΈ AURA FIT - AI-Powered Gym Management System

A modern, full-stack gym management platform with AI-powered features, stunning UI, and comprehensive admin dashboard.

React Node.js MongoDB AI License

🌐 Live Demo

πŸš€ View Live Application image

🌟 Features

πŸ€– AI-Powered Features (Unique)

  • AI Workout Generator - Personalized workout plans using Google Gemini AI
  • AI Nutrition Calculator - Custom meal plans based on user goals
  • AI Membership Recommender - Smart membership suggestions
  • Body Tracker - BMI calculator with health insights

πŸ‘₯ User Management

  • Secure authentication with bcrypt
  • User profiles and dashboards
  • Order history tracking
  • Membership management

πŸ’Ό Admin Dashboard

  • Modern glassmorphism UI with gradients
  • Real-time statistics and analytics
  • User and membership management
  • Order tracking system
  • Revenue analytics

πŸ›’ E-Commerce

  • Product catalog
  • Shopping cart
  • Order management
  • Payment gateway integration (Razorpay)

πŸ“… Class Booking

  • Multiple fitness classes (Yoga, HIIT, Zumba, etc.)
  • Real-time enrollment tracking
  • Instructor information
  • Capacity management

πŸ’³ Membership System

  • Multiple tiers (Basic, Pro, Premium)
  • Free day pass/trial
  • Admin approval workflow
  • Automatic expiry tracking

πŸš€ Tech Stack

Frontend

  • React 18 - UI library
  • Vite - Build tool
  • React Router - Navigation
  • React Icons - Icon library
  • CSS3 - Styling with glassmorphism

Backend

  • Node.js - Runtime
  • Express - Web framework
  • MongoDB Atlas - Cloud database
  • Mongoose - ODM
  • bcryptjs - Password hashing
  • Google Gemini AI - AI features

DevOps (Planned)

  • Docker - Containerization
  • Jenkins - CI/CD pipeline
  • Git - Version control

πŸ“¦ Installation

Prerequisites

  • Node.js 20+
  • MongoDB Atlas account
  • Google Gemini API key

1. Clone Repository

git clone https://github.com/Sumant3086/ReactAuraFit.git
cd ReactAuraFit

2. Install Dependencies

Frontend:

npm install

Backend:

cd server
npm install

3. Environment Setup

Important: Never commit .env files to Git!

Create environment files from examples:

# Frontend environment
cp .env.example .env

# Backend environment  
cp server/.env.example server/.env

Edit the .env files with your actual credentials:

Frontend (.env):

REACT_APP_API_URL=http://localhost:5000/api
REACT_APP_ADMIN_EMAIL=your_admin_email
REACT_APP_ADMIN_PASSWORD=your_admin_password
REACT_APP_RAZORPAY_LINK=your_razorpay_link

Backend (server/.env):

MONGODB_URI=your_mongodb_connection_string
GOOGLE_API_KEY=your_google_gemini_api_key
ADMIN_EMAIL=your_admin_email
ADMIN_PASSWORD=your_admin_password
JWT_SECRET=your_jwt_secret

4. Seed Database (Optional)

Add sample users:

cd server
node seedUsers.js

Add custom user:

node addUser.js

5. Run Application

Backend:

cd server
npm start

Frontend:

npm run dev

Visit: http://localhost:5173

🎯 Usage

User Access

  1. Signup: /signup - Create new account
  2. Login: /login - Access your dashboard
  3. Shop: /shop - Browse products
  4. Classes: /classes - Book fitness classes
  5. Pricing: /pricing - Purchase memberships
  6. Features: /features - AI-powered tools

Admin Access

  1. Login: /admin/login
    • Email: sumant@gmail.com
    • Password: sumant3086
  2. Dashboard: /admin/new-dashboard

πŸ“ Project Structure

ReactAuraFit/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ admin/          # Admin dashboard
β”‚   β”‚   β”œβ”€β”€ auth/           # Login/Signup
β”‚   β”‚   β”œβ”€β”€ features/       # AI features
β”‚   β”‚   β”œβ”€β”€ shop/           # E-commerce
β”‚   β”‚   β”œβ”€β”€ classes/        # Class booking
β”‚   β”‚   β”œβ”€β”€ orders/         # Order management
β”‚   β”‚   └── ...
β”‚   β”œβ”€β”€ context/            # React context
β”‚   β”œβ”€β”€ services/           # API services
β”‚   └── App.jsx
β”œβ”€β”€ server/
β”‚   β”œβ”€β”€ models/             # MongoDB schemas
β”‚   β”œβ”€β”€ routes/             # API routes
β”‚   β”œβ”€β”€ services/           # Business logic
β”‚   └── server.js
└── package.json

🎨 Key Features Showcase

Modern Admin Dashboard

  • Glassmorphism design
  • Real-time statistics
  • Gradient animations
  • Responsive layout

AI Integration

  • Google Gemini API
  • Personalized recommendations
  • Natural language processing
  • Smart algorithms

Security

  • Password hashing
  • Protected routes
  • Admin authentication
  • Input validation

🐳 Docker Deployment (Coming Soon)

# Build and run with Docker Compose
docker-compose up -d

πŸ”§ API Endpoints

Authentication

  • POST /api/auth/signup - Register user
  • POST /api/auth/login - Login user

Memberships

  • GET /api/memberships - Get all memberships
  • POST /api/memberships/purchase - Purchase membership
  • PATCH /api/memberships/:id/approve - Approve membership

Orders

  • GET /api/orders/user/email/:email - Get user orders
  • POST /api/orders - Create order

Admin

  • GET /api/admin/stats - Dashboard statistics
  • GET /api/admin/users - Get all users
  • GET /api/admin/orders - Get all orders

🀝 Contributing

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

πŸ“ License

This project is licensed under the MIT License.

πŸ‘¨β€πŸ’» Author

Sumant Yadav

πŸ™ Acknowledgments

  • Google Gemini AI for AI features
  • MongoDB Atlas for cloud database
  • React community for amazing tools
  • All contributors and supporters

πŸ“ž Support

For support, email sumantyadav3086@gmail.com or open an issue.


⭐ Star this repo if you find it helpful!

About

AuraFit is a sleek and responsive gym website built with React. It showcases fitness classes, membership plans, shop items, and contact details. Users can explore subscriptions, browse gym products, and get in touch easily. Designed for a modern fitness brand looking to grow its digital presence.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •