MP Training Website

A professional soccer training website built with React and Tailwind CSS.

Local Development Setup

Prerequisites

• Node.js (v18 or higher)
• npm (comes with Node.js)

Getting Started

1. Clone the repository

git clone <repository-url>
cd mptraining_website

2. Navigate to the frontend directory

cd frontend

3. Install dependencies

npm install

4. Start the development server

npm run dev

The application will start in development mode. Open http://localhost:5173 to view it in your browser.

The page will automatically reload when you make changes to the code.

Project Structure

frontend/
├── public/          # Static files
├── src/
│   ├── components/  # React components
│   ├── assets/      # Images and other assets
│   ├── App.jsx      # Main App component
│   └── main.jsx     # Entry point
└── index.html       # HTML template

Built With

• React - Frontend framework
• Vite - Build tool and development server
• Tailwind CSS - Utility-first CSS framework