FitnessGym

Project Description

FitnessGym Website is a modern, responsive frontend project built with React, JavaScript, CSS, and SCSS/SASS technologies. This website offers users an engaging platform to explore gym facilities, browse fitness programs, and interact with dynamic features such as class schedules, trainer profiles, and a product shop for supplements.

The site boasts a sleek design, user-friendly navigation, and seamless performance, delivering an enhanced experience for fitness enthusiasts.

Availability

The website is available at: fitnessgym.dawidolko.pl

Features

• Interactive Product Shop:

  • Wide range of fitness products, including supplements like proteins, creatine, and pre-workouts.
  • Each product features a detailed description, price, and image.
  • Dynamic cart functionality for an intuitive shopping experience.

• Gym Services:

  • Explore gym facilities, available classes, and schedules.
  • Profiles of trainers showcasing their expertise and qualifications.

• Responsive Design:

  • Optimized for mobile, tablet, and desktop devices for consistent performance.

• Dynamic Frontend:

  • Features like category filters, search functionality, and interactive buttons.

• Aesthetic User Interface:

  • Styled with SCSS/SASS, offering organized and reusable CSS components.

Technologies

• React: For building a dynamic and interactive user interface.
• CSS3 / SCSS / SASS: For modern and responsive styling.
• JavaScript (ES6+): For dynamic and client-side functionality.
• Git: For version control and project collaboration.

Directory Structure

├── public/           # Public files
├── src/              # Source code
│   ├── assets/       # Images and static assets
│   ├── components/   # React components
│   ├── pages/        # Page components
│   ├── styles/       # Global and modular SCSS styles
│   └── App.js        # Main application entry point
├── package.json      # Project metadata and dependencies
└── README.md         # Project documentation

How to Run the Project Locally?

1. Clone the repository:

git clone https://github.com/dawidolko/FitnessGym-Website.git

2. Navigate to the project directory:

cd FitnessGym-Website

3. Install dependencies:

npm install

4. Start the development server:

npm start

5. Open the site in your browser at http://localhost:3000.

Author

The website was created by Dawid Olko as part of the FitnessGym project.

License

This project is released under the MIT license. Details are available in the LICENSE file.