https://github.com/zahidrahimoon/gym

https://github.com/zahidrahimoon/gym

Last synced: 7 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/zahidrahimoon/gym
• Owner: zahidrahimoon
• Created: 2024-08-05T11:24:14.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2024-08-18T18:16:40.000Z (3 months ago)
• Last Synced: 2024-08-18T19:26:06.719Z (3 months ago)
• Language: JavaScript
• Size: 3.42 MB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Rahimoon's Gym

**Rahimoon's Gym** is a modern and responsive gym website developed using the MERN stack (excluding MongoDB). The primary focus of this project is to showcase various aspects of a gym's online presence, including workout sessions, pricing, galleries, and a BMI calculator. Additionally, the project integrates email functionality using NodeMailer to send emails directly from the website.

## ⭐ Features

- **Responsive Design**: Optimized for various devices, ensuring a consistent user experience across platforms.

- **Workout Sessions**: Display top workout sessions and featured bootcamps.

- **Image Gallery**: Showcase gym images in a visually appealing gallery.

- **Pricing Plans**: Transparent and easily accessible pricing details.

- **BMI Calculator**: A built-in BMI calculator for users to assess their health.

- **Contact Form**: Integrated email functionality using NodeMailer to send inquiries directly from the website.

### 📧 Sending Emails

The contact form on the website uses NodeMailer to send emails. Ensure that your NodeMailer configuration is set up correctly in the backend to enable this functionality.

## 📁 Components

- **App.js**: The main application file that renders all the components using React Router.

- **Navbar**: A responsive navigation bar for easy access to different sections of the website.

- **Hero**: A hero section that highlights the gym's unique selling points.

- **WorkoutSessions**: Displays information about top workout sessions and featured bootcamps.

- **Gallery**: A gallery section that showcases images from the gym.

- **Pricing**: A section that outlines the different pricing plans available at the gym.

- **Contact**: A contact form that allows users to send inquiries via email using NodeMailer.

- **BMICalculator**: A BMI calculator that helps users assess their health.

- **Footer**: The footer section containing additional links and information.

## 💻 Technologies Used

- **React**: Frontend framework for building user interfaces.

- **React Router**: For navigation between different sections of the website.

- **NodeMailer**: For sending emails from the contact form.

- **CSS**: For styling the components and ensuring responsiveness.

- **React Toastify**: For displaying notifications and alerts.