https://github.com/alihstm/x-power

a React Project for a fitness website called "X.Power"
https://github.com/alihstm/x-power

git github javascript-framework reactjs

Last synced: 3 months ago
JSON representation

a React Project for a fitness website called "X.Power"

• Host: GitHub
• URL: https://github.com/alihstm/x-power
• Owner: alihstm
• Created: 2025-03-19T13:14:18.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-19T13:20:32.000Z (about 1 year ago)
• Last Synced: 2025-03-19T14:27:10.911Z (about 1 year ago)
• Topics: git, github, javascript-framework, reactjs
• Language: CSS
• Homepage: https://x-power-azure.vercel.app/
• Size: 11.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# X.Power - Fitness Website 🏋️‍♂️💪

A modern and clean website built with React for a fitness platform called X.Power.

This project is designed for fitness enthusiasts to explore informative blogs on workouts, nutrition, and wellness, as well as access premium fitness programs and gear 🏆.

Visit Here 👉 https://x-power-azure.vercel.app/

![FireShot Capture 001 - X POWER - localhost](https://github.com/user-attachments/assets/cfe9cd45-7467-4cb6-84a2-4d1863e7678f)

## Features ✨

- Clean and minimalistic UI/UX design.

- Interactive and dynamic fitness-related components.

- Built using React for a maintainable and scalable structure.

- Easy integration of additional features and fitness-related tools.

## Technologies Used 🛠️

- **React** - Frontend framework used to build the landing page.

- **CSS** (with CSS modules or styled-components) - For styling and layout.

- **JavaScript (ES6+)** - For dynamic functionality.

## Setup and Installation 🚀

To run this project locally, follow the steps below:

### 1. Clone the repository

```bash

git clone https://github.com/alihstm/Fitness-Website.git

```

### 2. Navigate to the project directory

```bash

cd X-power

```

### 3. Install dependencies

```bash

npm install

```

### 4. Start the development server

```bash

npm start

```

Folder Structure 📁:

```bash

X-power/

├── public/

│   └── index.html          # Main HTML file

├── src/

│   ├── components/         # Reusable React components

│   ├── assets/             # Images, icons, and other assets

│   ├── App.jsx             # Main React component

│   └── main.jsx            # Entry point for the React app

├── package.json            # Project dependencies and scripts

└── README.md               # Project documentation