Skip to content

Latest commit

 

History

History
92 lines (59 loc) · 2.72 KB

README.md

File metadata and controls

92 lines (59 loc) · 2.72 KB

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
  1. Navigate to the project directory:
cd FitnessGym-Website
  1. Install dependencies:
npm install
  1. Start the development server:
npm start
  1. 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.