Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dawidolko/fitnessgym-project-react
A modern, responsive fitness website built with React, showcasing gym services, products, and blogs, designed to deliver a seamless user experience. Includes dynamic features like product filtering, cart functionality, and blog details.
https://github.com/dawidolko/fitnessgym-project-react
design gymsite project website website-projects
Last synced: about 10 hours ago
JSON representation
A modern, responsive fitness website built with React, showcasing gym services, products, and blogs, designed to deliver a seamless user experience. Includes dynamic features like product filtering, cart functionality, and blog details.
- Host: GitHub
- URL: https://github.com/dawidolko/fitnessgym-project-react
- Owner: dawidolko
- Created: 2023-07-23T10:24:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-12T22:56:01.000Z (3 days ago)
- Last Synced: 2025-02-14T00:36:38.553Z (2 days ago)
- Topics: design, gymsite, project, website, website-projects
- Language: JavaScript
- Homepage: https://fitnessgym.dawidolko.pl/
- Size: 38.7 MB
- Stars: 17
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://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 Project
```plaintext
├── 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:
```bash
git clone https://github.com/dawidolko/FitnessGym-Website.git
```
2. Navigate to the project directory:
```bash
cd FitnessGym-Website
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
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.