React-Project-01

---

Project Setup

1️⃣ Create the project

npm create vite@latest React-Project-01

2️⃣ Move into the project folder

cd React-Project-01

3️⃣ Install dependencies

npm install

4️⃣ Install Tailwind CSS and Vite plugin

npm install tailwindcss @tailwindcss/vite

⚙️ Configure Vite

Edit your vite.config.js file:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
  plugins: [tailwindcss(), react()],
})

🎨 Configure Tailwind

In your index.css, import Tailwind:

@import "tailwindcss";

🖥️ Run the Project

Start the development server:

npm run dev

---

💡 Technologies Used

⚛️React

⚡ Vite

🎨 Tailwind CSS

🧩 Practice-Project