88 lines
2.5 KiB
Markdown
88 lines
2.5 KiB
Markdown
# Project Name
|
|
|
|
Fendi home react app.
|
|
|
|
## 🚀 Getting Started
|
|
|
|
Follow the steps below to set up and run this project locally.
|
|
|
|
### 📦 1. Clone the Repository
|
|
|
|
<pre>
|
|
```bash
|
|
git clone https://github.com/your-username/your-repo-name.git
|
|
cd your-repo-name
|
|
</pre>
|
|
|
|
### 🧑💻 2. Open the Project in Your IDE
|
|
|
|
We recommend using [Visual Studio Code](https://code.visualstudio.com/download), available for:
|
|
|
|
- macOS
|
|
- Linux
|
|
- Windows
|
|
|
|
You may also use any IDE or code editor of your choice.
|
|
|
|
### 🛠 3. Install Node.js (if not installed)
|
|
|
|
Download and install Node.js from the official website:
|
|
👉 [https://nodejs.org/en/download](https://nodejs.org/en/download)
|
|
|
|
To verify that Node.js and npm are installed correctly, run the following commands in your terminal:
|
|
|
|
<pre>
|
|
```bash
|
|
node -v
|
|
npm -v```
|
|
</pre>
|
|
|
|
### 📥 4. Install Dependencies
|
|
|
|
Open a terminal and navigate to the root folder of the project, then run:
|
|
|
|
<pre>
|
|
```bash
|
|
npm install```
|
|
</pre>
|
|
|
|
### ▶️ 5. Run the Development Server
|
|
|
|
To start the app in development mode, run the following command in your terminal:
|
|
|
|
<pre>
|
|
```bash
|
|
npm run dev```
|
|
</pre>
|
|
|
|
You should see output indicating the server is running, typically at:
|
|
http://localhost:5173
|
|
|
|
### 🌐 6. Open the App in Your Browser
|
|
|
|
Once the development server is running, open your browser and navigate to:
|
|
http://localhost:5173
|
|
|
|
You should now see the application running locally.
|
|
|
|
## ✅ Requirements
|
|
|
|
Make sure you have the following installed before running the project:
|
|
|
|
- [Node.js](https://nodejs.org/) (v18 or later recommended)
|
|
- A code editor (e.g., [Visual Studio Code](https://code.visualstudio.com/))
|
|
- A modern web browser (e.g., Chrome, Firefox, Safari)
|
|
|
|
|
|
## React + Vite
|
|
|
|
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
|
|
Currently, two official plugins are available:
|
|
|
|
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
|
|
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
|
|
## Expanding the ESLint configuration
|
|
|
|
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project. |