diff --git a/client/package-lock.json b/client/package-lock.json
index 999d12d..00025bf 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -9,7 +9,7 @@
             "version": "0.0.0",
             "dependencies": {
                 "@tailwindcss/vite": "^4.3.1",
-                "axios": "^1.18.0",
+                "axios": "^1.18.1",
                 "lucide-react": "^1.21.0",
                 "react": "^19.2.7",
                 "react-dom": "^19.2.7",
@@ -1463,10 +1463,9 @@
             "license": "MIT"
         },
         "node_modules/axios": {
-            "version": "1.18.0",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.18.0.tgz",
-            "integrity": "sha512-E32NzpYKp++W7XRe52rHiXV2ehxmh3wbdgO7MHeFM+vqxLBYHzt0ElkiImtOBxtOmyp0yoC8C6uESVV84Y2/hw==",
-            "license": "MIT",
+            "version": "1.18.1",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.18.1.tgz",
+            "integrity": "sha512-3nTvFlvpn9Zu/RkHUqtc7/+al4UpRW5az71ap5zccp6e8RAYEzhMTecX8Dz1wWDYrPpUoB1HAQEGEAEvUr7S9g==",
             "dependencies": {
                 "follow-redirects": "^1.16.0",
                 "form-data": "^4.0.5",
@@ -1498,11 +1497,10 @@
             }
         },
         "node_modules/brace-expansion": {
-            "version": "5.0.6",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
-            "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+            "version": "5.0.7",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.7.tgz",
+            "integrity": "sha512-7oFy703dxfY3/NLxC1fh2SUCQ0H9rmAY+5EpDVfXjUTTs+HEwR2nYaqLv+GWcTsumwxPfiz6CzCNkwXwBUwqCA==",
             "dev": true,
-            "license": "MIT",
             "dependencies": {
                 "balanced-match": "^4.0.2"
             },
diff --git a/client/package.json b/client/package.json
index c351e95..bc8876c 100644
--- a/client/package.json
+++ b/client/package.json
@@ -11,7 +11,7 @@
     },
     "dependencies": {
         "@tailwindcss/vite": "^4.3.1",
-        "axios": "^1.18.0",
+        "axios": "^1.18.1",
         "lucide-react": "^1.21.0",
         "react": "^19.2.7",
         "react-dom": "^19.2.7",
diff --git a/client/src/assets/assets.ts b/client/src/assets/assets.ts
index f43a869..6137810 100644
--- a/client/src/assets/assets.ts
+++ b/client/src/assets/assets.ts
@@ -100,200 +100,7 @@ export const dummyUser = {
     updatedAt: "2026-06-17T13:40:21.669Z",
 };
 
-export const dummyRestaurant = [
-    {
-        _id: "6a32a3c50e88c825d8873f7d",
-        name: "L'Essence",
-        slug: "l-essence",
-        description:
-            "An intimate, Parisian-inspired fine dining chamber wrapped in dark velvet and soft golden candle glow. L'Essence specializes in meticulous plating of haute gastronomy, creating a rich sensory dialogue between modern culinary innovation and classic romance.",
-        cuisine: "French",
-        priceRange: "$$$$",
-        rating: 4.9,
-        reviewCount: 88,
-        location: "Manhattan, NY",
-        address: "115 Greenwich St, New York, NY 10006",
-        image: "/restaurant_5.png",
-        chef: "Jean-Luc Picard",
-        tags: ["Romantic", "Velvet Booths", "Candlelit", "Haute Cuisine"],
-        availableSlots: ["18:00", "19:00", "20:00", "21:00", "22:00"],
-        featured: true,
-        exclusive: false,
-        owner: "6a32a3c50e88c825d8873f77",
-        status: "approved",
-        totalSeats: 45,
-        createdAt: "2026-06-17T13:40:21.828Z",
-        updatedAt: "2026-06-17T13:40:21.828Z",
-    },
-    {
-        _id: "6a32a3c50e88c825d8873f7a",
-        name: "Terraza Cielo",
-        slug: "terraza-cielo",
-        description:
-            "A sun-drenched rooftop oasis celebrating Italian and Mediterranean lifestyles. Featuring floor-to-ceiling foliage, white marble bistro tables, and panoramic skyline views, Terraza Cielo serves hand-crafted pastas and coastal seafood paired with bright botanical cocktails.",
-        cuisine: "Italian",
-        priceRange: "$$$",
-        rating: 4.7,
-        reviewCount: 205,
-        location: "Manhattan, NY",
-        address: "244 Fifth Ave Rooftop, New York, NY 10001",
-        image: "/restaurant_3.jpg",
-        chef: "Elena Rossi",
-        tags: ["Rooftop", "Skyline Views", "Handmade Pasta", "Craft Cocktails"],
-        availableSlots: ["12:00", "13:00", "17:00", "18:00", "19:00", "20:00", "21:00"],
-        featured: true,
-        exclusive: false,
-        owner: "6a32a3c50e88c825d8873f77",
-        status: "approved",
-        totalSeats: 30,
-        createdAt: "2026-06-17T13:40:21.828Z",
-        updatedAt: "2026-06-17T13:40:21.828Z",
-    },
-    {
-        _id: "6a32a3c50e88c825d8873f79",
-        name: "Kuro Omakase",
-        slug: "kuro-omakase",
-        description:
-            "An atmospheric, moody sanctuary of premium Japanese gastronomy. Seated at a dark, polished basalt-stone counter, guests experience a deeply focused sushi omakase. Chef Kenji Sato translates the freshest seasonal ingredients directly from Tokyo's fish markets into elegant, edible poetry.",
-        cuisine: "Japanese",
-        priceRange: "$$$$",
-        rating: 4.8,
-        reviewCount: 92,
-        location: "Manhattan, NY",
-        address: "18 Orchard St, New York, NY 10002",
-        image: "/restaurant_2.jpg",
-        chef: "Kenji Sato",
-        tags: ["Omakase", "Basalt Counter", "Japanese", "Zen Atmosphere"],
-        availableSlots: ["18:00", "20:30"],
-        featured: true,
-        exclusive: true,
-        owner: "6a32a3c50e88c825d8873f77",
-        status: "approved",
-        totalSeats: 25,
-        createdAt: "2026-06-17T13:40:21.828Z",
-        updatedAt: "2026-06-17T13:40:21.828Z",
-    },
-    {
-        _id: "6a32a3c50e88c825d8873f7c",
-        name: "Flora Garden",
-        slug: "flora-garden",
-        description:
-            "A bright, airy conservatory celebrating organic, plant-forward gastronomy. Nestled under glass ceilings with floor-to-ceiling botanicals, Flora Garden transforms fresh seasonal crops into delicate, high-end editorial culinary works of art.",
-        cuisine: "Vegetarian",
-        priceRange: "$$$",
-        rating: 4.8,
-        reviewCount: 110,
-        location: "Manhattan, NY",
-        address: "90 Grand St, New York, NY 10013",
-        image: "/restaurant_6.png",
-        chef: "Chloe Mercer",
-        tags: ["Plant-Based", "Glasshouse", "Organic", "Bright & Airy"],
-        availableSlots: ["11:30", "13:00", "14:30", "17:30", "19:00", "20:30"],
-        featured: false,
-        exclusive: false,
-        owner: "6a32a3c50e88c825d8873f77",
-        status: "approved",
-        totalSeats: 40,
-        createdAt: "2026-06-17T13:40:21.828Z",
-        updatedAt: "2026-06-17T13:40:21.828Z",
-    },
-    {
-        _id: "6a32a3c50e88c825d8873f7b",
-        name: "Ember Grille",
-        slug: "ember-grille",
-        description:
-            "An upscale modern steakhouse with exposed brick walls, leather booths, and warm, industrial-chic pendant lighting. Offering Prime dry-aged cuts grilled over live hickory and cherrywood embers. Gourmet dining elevated into a sophisticated nocturnal experience.",
-        cuisine: "Steakhouse",
-        priceRange: "$$$$",
-        rating: 4.6,
-        reviewCount: 142,
-        location: "Manhattan, NY",
-        address: "320 Bowery, New York, NY 10012",
-        image: "/restaurant_1.png",
-        chef: "Marcus Vance",
-        tags: ["Dry-Aged Beef", "Wood Fire", "Moody Lighting", "Wine Room"],
-        availableSlots: ["17:00", "18:00", "19:00", "20:00", "21:00", "22:00"],
-        featured: false,
-        exclusive: false,
-        owner: "6a32a3c50e88c825d8873f77",
-        status: "approved",
-        totalSeats: 35,
-        createdAt: "2026-06-17T13:40:21.828Z",
-        updatedAt: "2026-06-17T13:40:21.828Z",
-    },
-    {
-        _id: "6a32a3c50e88c825d8873f78",
-        name: "L'Artiste",
-        slug: "l-artiste",
-        description:
-            "An avant-garde journey through modern French gastronomy. L'Artiste blends classic French culinary foundations with contemporary visual artistry, resulting in a sensory dining experience that is both theatrical and deeply satisfying. Set in a gorgeous high-ceilinged room with minimal charcoal and gold design language.",
-        cuisine: "French",
-        priceRange: "$$$$",
-        rating: 4.9,
-        reviewCount: 124,
-        location: "Manhattan, NY",
-        address: "420 Mercer St, New York, NY 10003",
-        image: "/restaurant_4.png",
-        chef: "Jean-Pierre Dubois",
-        tags: ["Michelin Star", "Fine Dining", "Tasting Menu", "Romantic"],
-        availableSlots: ["17:00", "17:30", "18:00", "18:30", "19:00", "19:30", "20:00", "20:30", "21:00", "21:30"],
-        featured: true,
-        exclusive: true,
-        owner: "6a32a3c50e88c825d8873f77",
-        status: "approved",
-        totalSeats: 20,
-        createdAt: "2026-06-17T13:40:21.827Z",
-        updatedAt: "2026-06-17T13:40:21.827Z",
-    },
-    {
-        _id: "6a32a3c50e88c825d8873f7d",
-        name: "L'Essence",
-        slug: "l-essence",
-        description:
-            "An intimate, Parisian-inspired fine dining chamber wrapped in dark velvet and soft golden candle glow. L'Essence specializes in meticulous plating of haute gastronomy, creating a rich sensory dialogue between modern culinary innovation and classic romance.",
-        cuisine: "French",
-        priceRange: "$$$$",
-        rating: 4.9,
-        reviewCount: 88,
-        location: "Manhattan, NY",
-        address: "115 Greenwich St, New York, NY 10006",
-        image: "/restaurant_5.png",
-        chef: "Jean-Luc Picard",
-        tags: ["Romantic", "Velvet Booths", "Candlelit", "Haute Cuisine"],
-        availableSlots: ["18:00", "19:00", "20:00", "21:00", "22:00"],
-        featured: true,
-        exclusive: false,
-        owner: "6a32a3c50e88c825d8873f77",
-        status: "pending",
-        totalSeats: 45,
-        createdAt: "2026-06-17T13:40:21.828Z",
-        updatedAt: "2026-06-17T13:40:21.828Z",
-    },
-    {
-        _id: "6a32a3c50e88c825d8873f7a",
-        name: "Terraza Cielo",
-        slug: "terraza-cielo",
-        description:
-            "A sun-drenched rooftop oasis celebrating Italian and Mediterranean lifestyles. Featuring floor-to-ceiling foliage, white marble bistro tables, and panoramic skyline views, Terraza Cielo serves hand-crafted pastas and coastal seafood paired with bright botanical cocktails.",
-        cuisine: "Italian",
-        priceRange: "$$$",
-        rating: 4.7,
-        reviewCount: 205,
-        location: "Manhattan, NY",
-        address: "244 Fifth Ave Rooftop, New York, NY 10001",
-        image: "/restaurant_3.jpg",
-        chef: "Elena Rossi",
-        tags: ["Rooftop", "Skyline Views", "Handmade Pasta", "Craft Cocktails"],
-        availableSlots: ["12:00", "13:00", "17:00", "18:00", "19:00", "20:00", "21:00"],
-        featured: true,
-        exclusive: false,
-        owner: "6a32a3c50e88c825d8873f77",
-        status: "pending",
-        totalSeats: 30,
-        createdAt: "2026-06-17T13:40:21.828Z",
-        updatedAt: "2026-06-17T13:40:21.828Z",
-    },
-];
+export const dummyRestaurant = [ ];
 
 export const dummyAvailability = [
     { time: "18:00", availableSeats: 45, isAvailable: true },
diff --git a/client/src/components/owner/RestaurantWizard.tsx b/client/src/components/owner/RestaurantWizard.tsx
index 8c545b6..244055f 100644
--- a/client/src/components/owner/RestaurantWizard.tsx
+++ b/client/src/components/owner/RestaurantWizard.tsx
@@ -2,7 +2,8 @@
 import React, { useState } from "react";
 import { Utensils, Upload, Image } from "lucide-react";
 import toast from "react-hot-toast";
-import { dummyRestaurant } from "../../assets/assets.ts";
+
+import api from "../../lib/api.ts";
 
 interface RestaurantWizardProps {
     setRestaurant: (restaurant: any) => void;
@@ -59,17 +60,23 @@ export default function RestaurantWizard({ setRestaurant }: RestaurantWizardProp
     };
 
     const handleImageChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        const file = e.target.files?.[0];
-        if (file) {
-            setImageFile(file);
-            setImagePreview(URL.createObjectURL(file));
-        }
-    };
+  const file = e.target.files?.[0];
+
+  console.log(file);
+
+  if (file) {
+    setImageFile(file);
+    setImagePreview(URL.createObjectURL(file));
+  }
+}
+
+
 
     const handleCreateRestaurant = async (e: React.FormEvent) => {
         e.preventDefault();
         setFormLoading(true);
         try {
+            console.log("imageFile:", imageFile);
             const formData = new FormData();
             formData.append("name", name);
             formData.append("description", description);
@@ -84,10 +91,19 @@ export default function RestaurantWizard({ setRestaurant }: RestaurantWizardProp
             if (imageFile) {
                 formData.append("image", imageFile);
             }
-
-            setRestaurant(dummyRestaurant[0]);
+            
+            const res = await api.post("/owner/restaurant", formData, {
+            headers: {
+                "Content-Type": "multipart/form-data",
+            },
+            });
+            setRestaurant(res.data)
+            
+            
+            
             toast.success("Restaurant profile submitted successfully! Awaiting Admin approval.");
         } catch (error: any) {
+
             toast.error(error?.response?.data?.message || "Failed to register restaurant");
         } finally {
             setFormLoading(false);
diff --git a/client/src/components/restaurant/BookingWidget.tsx b/client/src/components/restaurant/BookingWidget.tsx
index cfd331b..3eb804d 100644
--- a/client/src/components/restaurant/BookingWidget.tsx
+++ b/client/src/components/restaurant/BookingWidget.tsx
@@ -86,9 +86,10 @@ export default function BookingWidget({
                                         ? slotsAvailability
                                         : (restaurant.availableSlots || []).map((s: string) => ({
                                               time: s,
-                                              availableSeats: 20,
-                                              isAvailable: true,
+                                             available: true,
+                                             
                                           }));
+                                          
                                 return allSlots.filter((slotInfo: any) => {
                                     if (!isToday) return true;
                                     const [slotHour, slotMinute] = slotInfo.time.split(":").map(Number);
@@ -100,7 +101,7 @@ export default function BookingWidget({
                             })().map((slotInfo: any) => {
                                 const slot = slotInfo.time;
                                 const isSelected = selectedSlot === slot;
-                                const isFull = !slotInfo.isAvailable || slotInfo.availableSeats < Number(selectedGuests);
+                               const isFull = !slotInfo.available;
                                 return (
                                     <button
                                         key={slot}
diff --git a/client/src/context/AppContext.tsx b/client/src/context/AppContext.tsx
index 6e63279..a7820e4 100644
--- a/client/src/context/AppContext.tsx
+++ b/client/src/context/AppContext.tsx
@@ -1,7 +1,9 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-refresh/only-export-components */
 import React, { createContext, useContext, useState, useEffect } from "react";
-import { dummyUser } from "../assets/assets.js";
+
+import toast  from "react-hot-toast";
+import api from "../lib/api.js";
 
 interface UserType {
     _id: string;
@@ -36,21 +38,39 @@ export const AppContextProvider = ({ children }: Props) => {
     const [isAuthModalOpen, setAuthModalOpen] = useState<boolean>(false);
 
     const login = async (email: string, password: string): Promise<boolean> => {
-        console.log(email, password);
-        setToken(dummyUser.token);
-        setUser(dummyUser as any);
-        setToken(dummyUser.token);
-        localStorage.setItem("token", dummyUser.token);
-        return true;
+        try {
+            setLoading(true);
+            const res = await api.post("/auth/login", { email, password });
+            const { token: userToken , ...userData} = res.data;
+            localStorage.setItem("token", userToken);
+            setToken(userToken);
+            setUser(userData);
+            toast.success('Welcome Back, ${userData.name}');
+            return true;
+        } catch (error: any) {
+            toast.error(error.response?.data?.message || error?.message);
+            return false;
+        }finally{
+            setLoading(false);
+        }
     };
 
     const register = async (name: string, email: string, password: string, phone?: string, role?: string): Promise<boolean> => {
-        console.log(name, email, password, phone, role);
-        setToken(dummyUser.token);
-        setUser(dummyUser as any);
-        setToken(dummyUser.token);
-        localStorage.setItem("token", dummyUser.token);
-        return true;
+        try {
+            setLoading(true);
+            const res = await api.post("/auth/register", { name,email, password,phone,role });
+            const { token: userToken , ...userData} = res.data;
+            localStorage.setItem("token", userToken);
+            setToken(userToken);
+            setUser(userData);
+            toast.success('Welcome to QuickDine Club');
+            return true;
+        } catch (error: any) {
+            toast.error(error.response?.data?.message || error?.message);
+            return false;
+        }finally{
+            setLoading(false);
+        }
     };
 
     const logout = () => {
@@ -63,7 +83,13 @@ export const AppContextProvider = ({ children }: Props) => {
     useEffect(() => {
         const loadUser = async () => {
             if (token) {
-                setUser(dummyUser as any);
+               try {
+                const res= await api.get("/auth/me");
+                setUser(res.data);
+               } catch (error: any) {
+                   toast.error(error.response?.data?.message || error?.message);
+                   logout();
+               }
             }
             setLoading(false);
         };
diff --git a/client/src/lib/api.ts b/client/src/lib/api.ts
new file mode 100644
index 0000000..0999167
--- /dev/null
+++ b/client/src/lib/api.ts
@@ -0,0 +1,21 @@
+import axios from "axios";
+
+const api = axios.create({
+  baseURL: import.meta.env.VITE_API_URL || "http://localhost:5000/api",
+});
+
+// Request interceptor
+api.interceptors.request.use(
+  (config) => {
+    const token = localStorage.getItem("token");
+
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`;
+    }
+
+    return config;
+  },
+  (error) => Promise.reject(error)
+);
+
+export default api;
\ No newline at end of file
diff --git a/client/src/pages/BookingConfirmation.tsx b/client/src/pages/BookingConfirmation.tsx
index 3bd2513..47c9f8c 100644
--- a/client/src/pages/BookingConfirmation.tsx
+++ b/client/src/pages/BookingConfirmation.tsx
@@ -10,7 +10,7 @@ import Loader from "../components/Loader.tsx";
 import BookingSuccess from "../components/booking/BookingSuccess.tsx";
 import BookingSummary from "../components/booking/BookingSummary.tsx";
 import BookingForm from "../components/booking/BookingForm.tsx";
-import { dummyBookingData, dummyRestaurant } from "../assets/assets.ts";
+import api from "../lib/api.ts";
 
 export default function BookingConfirmation() {
     const { slug } = useParams<{ slug: string }>();
@@ -48,8 +48,16 @@ export default function BookingConfirmation() {
 
     useEffect(() => {
         const fetchRestaurant = async () => {
-            setRestaurant(dummyRestaurant.find((r) => r.slug === slug));
-            setLoading(false);
+           try {
+                setLoading(true);
+                const res = await api.get(`/restaurant/${slug}`);
+                setRestaurant(res.data.restaurant);
+           } catch (error) {
+                toast.error(error?.response?.data?.message || error?.message);
+                navigate("/");
+           }finally{
+               setLoading(false);
+           }
         };
 
         if (slug) {
@@ -73,7 +81,14 @@ export default function BookingConfirmation() {
 
         try {
             setConfirming(true);
-            setConfirmedBooking(dummyBookingData);
+           const res = await api.post("/bookings", {
+            restaurant: restaurant._id,
+            bookingDate: date,
+            timeSlot: slot,
+            guests: Number(guests),
+            specialRequest: specialRequests,
+            });
+            setConfirmedBooking(res.data);
             toast.success("Reservation confirmed!");
         } catch (error: any) {
             toast.error(error?.response?.data?.message || error?.message);
diff --git a/client/src/pages/Dashboard.tsx b/client/src/pages/Dashboard.tsx
index 3e5586d..a5daf7a 100644
--- a/client/src/pages/Dashboard.tsx
+++ b/client/src/pages/Dashboard.tsx
@@ -8,7 +8,7 @@ import RestaurantCard from "../components/RestaurantCard.tsx";
 import AuthModal from "../components/AuthModal.tsx";
 import { CalendarIcon, UsersIcon, ClockIcon, MapPinIcon, CalendarDaysIcon } from "lucide-react";
 import toast from "react-hot-toast";
-import { dummyFeaturedRestaurants, dummyMyBookingsData } from "../assets/assets.ts";
+import api from "../lib/api.ts";
 
 export default function Dashboard() {
     const { user } = useAppContext();
@@ -20,8 +20,16 @@ export default function Dashboard() {
     // Fetch user bookings
     useEffect(() => {
         const fetchBookings = async () => {
-            setBookings(dummyMyBookingsData);
-            setLoadingBookings(false);
+           try {
+               setLoadingBookings(true);
+               const res = await api.get("/bookings/my");
+
+                setBookings(res.data.bookings);
+           } catch (error: any) {
+               toast.error(error?.response?.data?.message || error?.message);
+           } finally {
+               setLoadingBookings(false);
+           }
         };
 
         if (user) {
@@ -32,7 +40,13 @@ export default function Dashboard() {
     // Fetch generic recommendations
     useEffect(() => {
         const fetchRecommendations = async () => {
-            setRecommendations(dummyFeaturedRestaurants);
+            try {
+                const res = await api.get("/restaurant/featured");
+
+                setRecommendations(res.data.restaurants);
+            } catch (error: any) {
+                toast.error(error?.response?.data?.message || error?.message);
+            }
         };
         fetchRecommendations();
     }, []);
@@ -43,7 +57,9 @@ export default function Dashboard() {
         }
 
         try {
-            setBookings((prev) => prev.map((b) => (b._id === bookingId ? { ...b, status: "cancelled" } : b)));
+           await api.put(`/bookings/${bookingId}/cancel`);
+        //    Update local state 
+        setBookings((prev) => prev.map((b) => (b._id === bookingId ? { ...b, status: "cancelled" } : b)))
             toast.success("Reservation cancelled successfully.");
         } catch (error: any) {
             toast.error(error?.response?.data?.message || error?.message);
@@ -57,14 +73,22 @@ export default function Dashboard() {
     today.setHours(0, 0, 0, 0);
 
     const upcomingBookings = bookings.filter((b) => {
-        const bDate = new Date(b.date);
-        return bDate >= today && b.status === "confirmed";
-    });
+    const bDate = new Date(b.bookingDate);
+    return (
+        bDate >= today &&
+        (b.status === "pending" || b.status === "confirmed")
+    );
+});
 
     const pastBookings = bookings.filter((b) => {
-        const bDate = new Date(b.date);
-        return bDate < today || b.status !== "confirmed";
-    });
+    const bDate = new Date(b.bookingDate);
+
+    return (
+        bDate < today ||
+        b.status === "cancelled" ||
+        b.status === "completed"
+    );
+});
 
     return (
         <div className="min-h-screen bg-surface flex flex-col pt-20">
@@ -136,11 +160,11 @@ export default function Dashboard() {
                                             <div className="flex flex-wrap items-center gap-6 text-xs text-on-surface bg-surface-container-low p-4 rounded-md border border-outline-variant/10 w-full md:w-auto">
                                                 <div className="flex items-center gap-2 pr-4 md:border-r border-outline-variant/20">
                                                     <CalendarIcon size={14} className="text-secondary" />
-                                                    <span className="font-medium">{new Date(b.date).toLocaleDateString()}</span>
+                                                    <span className="font-medium">{new Date(b.bookingDate).toLocaleDateString()}</span>
                                                 </div>
                                                 <div className="flex items-center gap-2 pr-4 md:border-r border-outline-variant/20">
                                                     <ClockIcon size={14} className="text-secondary" />
-                                                    <span className="font-medium">{b.time} PM</span>
+                                                    <span className="font-medium">{b.timeSlot}</span>
                                                 </div>
                                                 <div className="flex items-center gap-2">
                                                     <UsersIcon size={14} className="text-secondary" />
@@ -191,7 +215,7 @@ export default function Dashboard() {
                                                                   </Link>
                                                               </td>
                                                               <td className="p-4">
-                                                                  {new Date(b.date).toLocaleDateString()} at {b.time} PM
+                                                                  {new Date(b.bookingDate).toLocaleDateString()} at {b.timeSlot}
                                                               </td>
                                                               <td className="p-4">
                                                                   {b.guests} {b.guests === 1 ? "Guest" : "Guests"}
diff --git a/client/src/pages/Home.tsx b/client/src/pages/Home.tsx
index 2b23fb7..cca3dae 100644
--- a/client/src/pages/Home.tsx
+++ b/client/src/pages/Home.tsx
@@ -8,16 +8,24 @@ import CuisineBrowse from "../components/home/CuisineBrowse.tsx";
 import TrendingRow from "../components/home/TrendingRow.tsx";
 import MembershipSection from "../components/home/MembershipSection.tsx";
 import NewsletterCTA from "../components/home/NewsletterCTA.tsx";
-import { dummyFeaturedRestaurants } from "../assets/assets.ts";
 
+import api from "../lib/api.ts";
 export default function Home() {
     const [trending, setTrending] = useState<any[]>([]);
     const [loading, setLoading] = useState(true);
 
     useEffect(() => {
         const fetchTrending = async () => {
-            setTrending(dummyFeaturedRestaurants);
-            setLoading(false);
+           try {
+    const res = await api.get("/restaurant/featured");
+    console.log(res.data);
+    setTrending(Array.isArray(res.data) ? res.data : []);
+} catch (err) {
+    console.error(err);
+    setTrending([]);
+} finally {
+    setLoading(false);
+}
         };
         fetchTrending();
     }, []);
diff --git a/client/src/pages/RestaurantDetail.tsx b/client/src/pages/RestaurantDetail.tsx
index a9aa8da..3b4182a 100644
--- a/client/src/pages/RestaurantDetail.tsx
+++ b/client/src/pages/RestaurantDetail.tsx
@@ -11,7 +11,8 @@ import RestaurantHero from "../components/restaurant/RestaurantHero.tsx";
 import RestaurantInfo from "../components/restaurant/RestaurantInfo.tsx";
 import RestaurantReviews from "../components/restaurant/RestaurantReviews.tsx";
 import BookingWidget from "../components/restaurant/BookingWidget.tsx";
-import { dummyAvailability, dummyRestaurant } from "../assets/assets.ts";
+
+import api from "../lib/api.ts";
 
 export default function RestaurantDetail() {
     const { slug } = useParams<{ slug: string }>();
@@ -30,8 +31,21 @@ export default function RestaurantDetail() {
 
     useEffect(() => {
         const fetchRestaurant = async () => {
-            setRestaurant(dummyRestaurant.find((r) => r.slug === slug));
+          try {
+            setLoading(true);
+            const res = await api.get(`/restaurant/${slug}`);
+            setRestaurant(res.data.restaurant);
+
+            // Initialize booking values 
+            const today = new Date().toISOString().split("T")[0];
+            setSelectedDate(today);
+          } catch (error: any) {
+            toast.error(error.response?.data?.message || error?.message);
+            navigate("/")
+            
+          }finally{
             setLoading(false);
+          }
         };
 
         if (slug) {
@@ -41,8 +55,18 @@ export default function RestaurantDetail() {
 
     useEffect(() => {
         const fetchAvailability = async () => {
-            setSlotsAvailability(dummyAvailability);
+           if(!restaurant?._id || !selectedDate) return;
+           setSelectedSlot("");
+           try {
+            setLoadingSlots(true);
+            const res = await api.get(`/restaurant/${restaurant._id}/availability?date=${selectedDate}`);
+            setSlotsAvailability(res.data)
+           } catch (error:any ) {
+            console.error(error);
+            
+           }finally{
             setLoadingSlots(false);
+           }
         };
         fetchAvailability();
     }, [restaurant?._id, selectedDate]);
diff --git a/client/src/pages/Search.tsx b/client/src/pages/Search.tsx
index f5e41b6..bd22690 100644
--- a/client/src/pages/Search.tsx
+++ b/client/src/pages/Search.tsx
@@ -6,7 +6,9 @@ import Footer from "../components/Footer.tsx";
 import RestaurantCard from "../components/RestaurantCard.tsx";
 import AuthModal from "../components/AuthModal.tsx";
 import { SlidersHorizontal, Search as SearchIcon, X, Check, MapPin, SearchXIcon } from "lucide-react";
-import { dummyRestaurant } from "../assets/assets.ts";
+
+import { toast } from "react-hot-toast/headless";
+import api from "../lib/api.ts";
 
 export default function Search() {
     const [searchParams, setSearchParams] = useSearchParams();
@@ -37,8 +39,20 @@ export default function Search() {
 
     useEffect(() => {
         const fetchRestaurants = async () => {
-            setRestaurants(dummyRestaurant);
-            setLoading(false);
+           try {
+               setLoading(true);
+               //    Construct query string directory from searchParams
+           const res = await api.get(`/restaurant?${searchParams.toString()}`);
+
+            console.log(res.data);
+
+            setRestaurants(res.data.restaurants);
+
+           } catch (error: any) {
+               toast.error(error.response?.data?.message || error?.message);
+           } finally {
+               setLoading(false);
+           }
         };
 
         fetchRestaurants();
diff --git a/server/config/cloudinary.ts b/server/config/cloudinary.ts
new file mode 100644
index 0000000..35923e1
--- /dev/null
+++ b/server/config/cloudinary.ts
@@ -0,0 +1,9 @@
+import { v2 as cloudinary } from "cloudinary";
+
+cloudinary.config({
+  cloud_name: process.env.CLOUDINARY_CLOUD_NAME,
+  api_key: process.env.CLOUDINARY_API_KEY,
+  api_secret: process.env.CLOUDINARY_API_SECRET,
+});
+
+export default cloudinary;
\ No newline at end of file
diff --git a/server/controllers/bookingController.ts b/server/controllers/bookingController.ts
index 4f63316..8896b0d 100644
--- a/server/controllers/bookingController.ts
+++ b/server/controllers/bookingController.ts
@@ -92,12 +92,86 @@ export const getMyBooking = async (
   req: Request,
   res: Response
 ): Promise<void> => {
-  // code
+  try {
+    const user = (req as any).user?.id;
+
+    if (!user) {
+      res.status(401).json({
+        success: false,
+        message: "Unauthorized",
+      });
+      return;
+    }
+
+    const bookings = await Booking.find({ user })
+      .populate("restaurant", "name image location slug")
+      .sort({ bookingDate: 1 });
+
+    res.status(200).json({
+      success: true,
+      bookings,
+    });
+  } catch (error: any) {
+    console.error(error);
+
+    res.status(500).json({
+      success: false,
+      message: error.message,
+    });
+  }
 };
 
 export const cancelBooking = async (
   req: Request,
   res: Response
 ): Promise<void> => {
-  // code
+  try {
+    const { id } = req.params;
+    const user = (req as any).user.id;
+
+    const booking = await Booking.findById(id);
+
+    if (!booking) {
+      res.status(404).json({
+        success: false,
+        message: "Booking not found",
+      });
+      return;
+    }
+
+    // Sirf apni booking cancel kar sake
+    if (booking.user.toString() !== user) {
+      res.status(403).json({
+        success: false,
+        message: "Unauthorized",
+      });
+      return;
+    }
+
+    // Already cancelled
+    if (booking.status === "cancelled") {
+      res.status(400).json({
+        success: false,
+        message: "Booking already cancelled",
+      });
+      return;
+    }
+
+    booking.status = "cancelled";
+
+    await booking.save();
+
+    res.status(200).json({
+      success: true,
+      message: "Booking cancelled successfully",
+      booking,
+    });
+  } catch (error: any) {
+    console.error(error);
+
+    res.status(500).json({
+      success: false,
+      message: error.message,
+    });
+  }
 };
\ No newline at end of file
diff --git a/server/controllers/ownerController.ts b/server/controllers/ownerController.ts
index 151f0d2..0dee2dd 100644
--- a/server/controllers/ownerController.ts
+++ b/server/controllers/ownerController.ts
@@ -5,17 +5,26 @@ import {v2 as cloudinary} from 'cloudinary'
 import Booking from "../models/Booking.js";
 
 // Helper Function to upload buffer to cloudinary
-const uploadToCloudinary = (fileBuffer: Buffer ): Promise<{secure_url: string}>=> {
-  return new Promise((resolve, reject)=>{
-    const stream= cloudinary.uploader.upload_stream({folder: "Quickdine"}, (error,result)=>{
-      if(error ) return reject(error )
-      if(!result) return reject(new Error("Upload failed"));
-      resolve({secure_url: result.secure_url})
-    })
-    stream.end(fileBuffer)
-  })
+const uploadToCloudinary = (
+  fileBuffer: Buffer
+): Promise<{ secure_url: string }> => {
+  return new Promise((resolve, reject) => {
+    const stream = cloudinary.uploader.upload_stream(
+      { folder: "Quickdine" },
+      (error, result) => {
+        console.log("Cloudinary Error:", error);
+        console.log("Cloudinary Result:", result);
+
+        if (error) return reject(error);
+        if (!result) return reject(new Error("Upload failed"));
+
+        resolve({ secure_url: result.secure_url });
+      }
+    );
 
-}
+    stream.end(fileBuffer);
+  });
+};
 
 // ======================================================
 // Get owner's restaurant
@@ -71,6 +80,14 @@ export const createRestaurant = async (
   res: Response
 ): Promise<void> => {
   try {
+     console.log("========== CREATE RESTAURANT ==========");
+    console.log("req.user =", req.user);
+    console.log("req.file =", req.file);
+    console.log("req.body =", req.body);
+
+
+    
+
     const ownerId = req.user?.id;
 
     if (!ownerId) {
@@ -107,7 +124,8 @@ export const createRestaurant = async (
       availableSlots,
       totalSeats,
     } = req.body;
-
+    console.log(req.file);
+    console.log(req.body);
     const slug = name
       .toLowerCase()
       .trim()
@@ -151,12 +169,17 @@ export const createRestaurant = async (
       restaurant,
     });
   } catch (error: any) {
-    console.error(error);
+    console.error("===== CREATE RESTAURANT ERROR =====");
+  console.error(error);
 
-    res.status(500).json({
-      success: false,
-      message: error.message,
-    });
+  if (error.stack) {
+    console.error(error.stack);
+  }
+
+  res.status(500).json({
+    success: false,
+    message: error.message,
+  });
   }
 };
 
diff --git a/server/controllers/restaurantController.ts b/server/controllers/restaurantController.ts
index 5f6e0b3..2001b9b 100644
--- a/server/controllers/restaurantController.ts
+++ b/server/controllers/restaurantController.ts
@@ -194,6 +194,75 @@ export const getRestaurantBookings = async (
   } catch (error: any) {
     console.error(error);
 
+    res.status(500).json({
+      success: false,
+      message: error.message,
+    });
+  }
+};
+
+export const getRestaurantAvailability = async (
+  req: Request,
+  res: Response
+): Promise<void> => {
+  try {
+    const { restaurantId } = req.params;
+    const { date } = req.query;
+
+    if (!date) {
+      res.status(400).json({
+        success: false,
+        message: "Date is required",
+      });
+      return;
+    }
+
+    const selectedDate = new Date(date as string);
+
+    const startOfDay = new Date(selectedDate);
+    startOfDay.setHours(0, 0, 0, 0);
+
+    const endOfDay = new Date(selectedDate);
+    endOfDay.setHours(23, 59, 59, 999);
+
+    const allSlots = [
+      "18:00",
+      "18:30",
+      "19:00",
+      "19:30",
+      "20:00",
+      "20:30",
+      "21:00",
+      "21:30",
+      "22:00",
+    ];
+
+    const bookings = await Booking.find({
+      restaurant: restaurantId,
+      bookingDate: {
+        $gte: startOfDay,
+        $lte: endOfDay,
+      },
+      status: {
+        $in: ["pending", "confirmed"],
+      },
+    });
+
+    console.log("Bookings:", bookings);
+
+    const bookedSlots = bookings.map((b) => b.timeSlot);
+
+    console.log("Booked Slots:", bookedSlots);
+
+    const availability = allSlots.map((slot) => ({
+      time: slot,
+      available: !bookedSlots.includes(slot),
+    }));
+
+    res.status(200).json(availability);
+  } catch (error: any) {
+    console.error(error);
+
     res.status(500).json({
       success: false,
       message: error.message,
diff --git a/server/middlewares/auth.ts b/server/middlewares/auth.ts
index 0573665..70583d6 100644
--- a/server/middlewares/auth.ts
+++ b/server/middlewares/auth.ts
@@ -3,24 +3,28 @@ import jwt from "jsonwebtoken";
 import { HydratedDocument } from "mongoose";
 import { User, IUser } from "../models/User.js";
 
-
-
-
-
 export interface AuthRequest extends Request {
   user?: HydratedDocument<IUser>;
-  file?: any;
+  file?: Express.Multer.File;
 }
 
 export const protect = async (
   req: AuthRequest,
   res: Response,
-  next: NextFunction,
+  next: NextFunction
 ): Promise<void> => {
+  console.log("\n========== PROTECT MIDDLEWARE ==========");
+  console.log("Method:", req.method);
+  console.log("URL:", req.originalUrl);
+
   try {
     const authHeader = req.headers.authorization;
 
+    console.log("Authorization Header:", authHeader);
+
     if (!authHeader || !authHeader.startsWith("Bearer ")) {
+      console.log("❌ No Bearer Token");
+
       res.status(401).json({
         success: false,
         message: "Not authorized, no token",
@@ -30,13 +34,19 @@ export const protect = async (
 
     const token = authHeader.split(" ")[1];
 
+    console.log("Token:", token);
+
     const decoded = jwt.verify(token, process.env.JWT_SECRET!) as {
       id: string;
     };
 
+    console.log("Decoded Token:", decoded);
+
     const user = await User.findById(decoded.id).select("-password");
 
     if (!user) {
+      console.log("❌ User not found");
+
       res.status(401).json({
         success: false,
         message: "User not found",
@@ -44,9 +54,16 @@ export const protect = async (
       return;
     }
 
+    console.log("✅ User Found");
+    console.log("ID:", user._id);
+    console.log("Email:", user.email);
+    console.log("Role:", user.role);
+
     req.user = user;
+
     next();
-  } catch (error) {
+  } catch (error: any) {
+    console.log("❌ JWT ERROR");
     console.error(error);
 
     res.status(401).json({
@@ -59,13 +76,19 @@ export const protect = async (
 export const adminOnly = (
   req: AuthRequest,
   res: Response,
-  next: NextFunction,
+  next: NextFunction
 ): void => {
+  console.log("\n========== ADMIN ONLY ==========");
+  console.log("Role:", req.user?.role);
+
   if (req.user?.role === "admin") {
+    console.log("✅ Admin Authorized");
     next();
     return;
   }
 
+  console.log("❌ Access Denied");
+
   res.status(403).json({
     success: false,
     message: "Access denied. Admin only.",
@@ -75,15 +98,21 @@ export const adminOnly = (
 export const ownerOnly = (
   req: AuthRequest,
   res: Response,
-  next: NextFunction,
+  next: NextFunction
 ): void => {
-  if (req.user && (req.user.role === "owner" || req.user.role === "admin")) {
+  console.log("\n========== OWNER ONLY ==========");
+  console.log("Role:", req.user?.role);
+
+  if (req.user?.role === "owner" || req.user?.role === "admin") {
+    console.log("✅ Owner Authorized");
     next();
     return;
   }
 
+  console.log("❌ Access Denied");
+
   res.status(403).json({
     success: false,
     message: "Access denied. Owner only.",
   });
-};
+};
\ No newline at end of file
diff --git a/server/routes/adminRautes.ts b/server/routes/adminRautes.ts
index 873aca5..296dd96 100644
--- a/server/routes/adminRautes.ts
+++ b/server/routes/adminRautes.ts
@@ -5,8 +5,8 @@ import { aproveRestaurant, getAllRestaurant, getAllRestaurants } from "../contro
 
 const adminRoutes = Router();
 
-adminRoutes.get("/restaurants", getAllRestaurants);
-adminRoutes.put("/restaurants/:id/approve", aproveRestaurant);
+adminRoutes.get("/restaurant", getAllRestaurants);
+adminRoutes.put("/restaurant/:id/approve", aproveRestaurant);
 adminRoutes.get("/stats", getAllRestaurant);
 
 export default adminRoutes;
diff --git a/server/routes/authRoutes.ts b/server/routes/authRoutes.ts
index e1d66dd..d472c49 100644
--- a/server/routes/authRoutes.ts
+++ b/server/routes/authRoutes.ts
@@ -1,11 +1,11 @@
 import { Router } from "express";
-import {getMe, loginUser, registerUser} from "../controllers/authControllers.js"
+import { getMe, loginUser, registerUser } from "../controllers/authControllers.js";
 import { protect } from "../middlewares/auth.js";
 
-const authRouter = Router()
+const authRouter = Router();
 
-authRouter.post("/resiter", registerUser)
-authRouter.post("/login", loginUser)
-authRouter.get("/me", protect, getMe)
-export default authRouter;
+authRouter.post("/register", registerUser); // ✅ spelling corrected
+authRouter.post("/login", loginUser);
+authRouter.get("/me", protect, getMe);
 
+export default authRouter;
\ No newline at end of file
diff --git a/server/routes/ownerRoutes.ts b/server/routes/ownerRoutes.ts
index c1eed8c..2263fd0 100644
--- a/server/routes/ownerRoutes.ts
+++ b/server/routes/ownerRoutes.ts
@@ -21,7 +21,11 @@ ownerRouter.get("/restaurant",  getOwnerRestaurant);
 // Create restaurant
 ownerRouter.post(
   "/restaurant",
-  protect,
+  (req, res, next) => {
+    console.log("POST /api/owner/restaurant HIT");
+    next();
+  },
+  
   upload.single("image"),
   createRestaurant
 );
@@ -29,13 +33,13 @@ ownerRouter.post(
 // Update restaurant
 ownerRouter.put(
   "/restaurant",
-  protect,
+  
   upload.single("image"),
   updateOwnerRestaurant
 );
 
 // Get owner's bookings
-ownerRouter.get("/bookings", protect, getOwnerBookings);
+ownerRouter.get("/bookings",  getOwnerBookings);
 
 ownerRouter.put("/bookings/:id/status", updateBookingStatus);
 
diff --git a/server/routes/restaurantRoutes.ts b/server/routes/restaurantRoutes.ts
index 02ed309..62b9a4c 100644
--- a/server/routes/restaurantRoutes.ts
+++ b/server/routes/restaurantRoutes.ts
@@ -4,6 +4,7 @@ import {
   getFeaturedRestaurants,
   getSlugsRestaurants,
   getRestaurantBookings,
+  getRestaurantAvailability,
 } from "../controllers/restaurantController.js";
 
 const restaurantRouter = Router();
@@ -17,7 +18,15 @@ restaurantRouter.get("/featured", getFeaturedRestaurants);
 // Get bookings for a restaurant
 restaurantRouter.get("/:restaurantId/bookings", getRestaurantBookings);
 
+restaurantRouter.get(
+  "/:restaurantId/availability",
+  getRestaurantAvailability
+);
+
 // Get restaurant by slug
 restaurantRouter.get("/:slug", getSlugsRestaurants);
 
+
+
+
 export default restaurantRouter;
\ No newline at end of file
diff --git a/server/server.ts b/server/server.ts
index 8209b52..e517f08 100644
--- a/server/server.ts
+++ b/server/server.ts
@@ -11,13 +11,19 @@ import restaurantRouter from "./routes/restaurantRoutes.js";
 import bookingRouter from "./routes/bookingRoutes.js";
 import ownerRouter from "./routes/ownerRoutes.js";
 import adminRoutes from "./routes/adminRautes.js";
-
+import "./config/cloudinary.js";
 const app = express();
 
-console.log("Mongo URI:", process.env.MONGODB_URI);
-
 // connect to MongoDB
 await connectDB();
+import { v2 as cloudinary } from "cloudinary";
+
+try {
+  const result = await cloudinary.api.ping();
+  console.log("Cloudinary Ping:", result);
+} catch (err) {
+  console.error("Cloudinary Ping Error:", err);
+}
 
 app.use(cors());
 app.use(express.json());
@@ -29,7 +35,7 @@ app.get("/", (req: Request, res: Response) => {
 });
 
 app.use("/api/auth", authRouter);
-app.use("/api/restaurants", restaurantRouter);
+app.use("/api/restaurant", restaurantRouter);
 app.use("/api/bookings", bookingRouter);
 app.use("/api/owner", ownerRouter);
 app.use("/api/admin", adminRoutes);