Farmid-Restaurant-Website

---

Project Setup

1️⃣ Create the project

npm create vite@latest Farmid-Restaurant-Website

2️⃣ Move into the project folder

cd Farmid-Restaurant-Website

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";

---

🌐 React Redux Setup

1️⃣ Install React toolkit

npm install @reduxjs/toolkit

2️⃣ Install React Redux

npm install react-redux

🌐 npm toasify Setup

1️⃣

npm install --save react-toastify

---

🖥️ Run the Project

Start the development server:

npm run dev

---

💡 Technologies Used

⚛️ React
⚡ Vite
🎨 Tailwind CSS
🧭 React-Redux
🧩 useState
🧩 useEffect 🧩 ContextAPI 🧩 React-Toastify
🧩 State Management
🧩 Function