9 |
17 | )
18 | }
19 |
20 | export default MainLayout
21 |
--------------------------------------------------------------------------------
/src/pages/Home.tsx:
--------------------------------------------------------------------------------
1 | import FeatureSection from "../components/shared/FeatureSection"
2 | import HeroSection from "../components/shared/HeroSection"
3 | import PopularDishes from "../components/shared/PopularDishes"
4 | import UserFeedback from "../components/shared/UserFeedback"
5 |
6 | function Home() {
7 | return (
8 |
10 |
12 |
13 |
15 |
16 |
9 |
14 | )
15 | }
16 |
17 | export default Home
18 |
--------------------------------------------------------------------------------
/eslint.config.js:
--------------------------------------------------------------------------------
1 | import js from '@eslint/js'
2 | import globals from 'globals'
3 | import reactHooks from 'eslint-plugin-react-hooks'
4 | import reactRefresh from 'eslint-plugin-react-refresh'
5 | import tseslint from 'typescript-eslint'
6 | import { globalIgnores } from 'eslint/config'
7 |
8 | export default tseslint.config([
9 | globalIgnores(['dist']),
10 | {
11 | files: ['**/*.{ts,tsx}'],
12 | extends: [
13 | js.configs.recommended,
14 | tseslint.configs.recommended,
15 | reactHooks.configs['recommended-latest'],
16 | reactRefresh.configs.vite,
17 | ],
18 | languageOptions: {
19 | ecmaVersion: 2020,
20 | globals: globals.browser,
21 | },
22 | },
23 | ])
24 |
--------------------------------------------------------------------------------
/src/components/ui/label.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import * as LabelPrimitive from "@radix-ui/react-label"
3 |
4 | import { cn } from "../../lib/utils"
5 |
6 | function Label({
7 | className,
8 | ...props
9 | }: React.ComponentPropsVite + React
20 |
21 |
24 |
28 |
25 | Edit src/App.tsx and save to test HMR
26 |
29 | Click on the Vite and React logos to learn more 30 |
31 | 32 | ) 33 | } 34 | 35 | export default App 36 | -------------------------------------------------------------------------------- /src/components/ui/input.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | 3 | import { cn } from "../../lib/utils" 4 | 5 | function Input({ className, type, ...props }: React.ComponentProps<"input">) { 6 | return ( 7 | 18 | ) 19 | } 20 | 21 | export { Input } 22 | -------------------------------------------------------------------------------- /src/redux/reduxStore.ts: -------------------------------------------------------------------------------- 1 | import { combineReducers ,configureStore} from "@reduxjs/toolkit" 2 | import userSlice from "./userSlice" 3 | import restaurantSlice from "./restaurantSlice" 4 | import cartSlice from "./cartSlice" 5 | 6 | import { 7 | persistReducer, 8 | FLUSH, 9 | REHYDRATE, 10 | PAUSE, 11 | PERSIST, 12 | PURGE, 13 | REGISTER, 14 | } from 'redux-persist' 15 | import storage from 'redux-persist/lib/storage' 16 | 17 | 18 | const persistConfig = { 19 | key: 'root', 20 | version: 1, 21 | storage, 22 | } 23 | 24 | const rootReducer = combineReducers({ 25 | user : userSlice , 26 | restaurant: restaurantSlice, 27 | cart: cartSlice, 28 | 29 | }) 30 | const persistedReducer = persistReducer(persistConfig, rootReducer) 31 | const store = configureStore({ 32 | reducer: persistedReducer, 33 | middleware: (getDefaultMiddleware) => 34 | getDefaultMiddleware({ 35 | serializableCheck: { 36 | ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER], 37 | }, 38 | }), 39 | }) 40 | 41 | export default store 42 | 43 | export type RootState = ReturnType
23 | {cuisines.map((cuisine) => (
24 |
35 | ))}
36 |
37 | );
38 | };
39 |
40 | export default FilterOptions;
41 |
--------------------------------------------------------------------------------
/src/hooks/apiHooks/useGetRestaurant.ts:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 | import axios from "axios";
3 | import { RESTAURANT_API_END_POINT } from "../../utils/apiEndPoint";
4 | import { useAppDispatch, useAppSelector } from "../useReduxTypeHooks";
5 | import { setRestaurant } from "../../redux/restaurantSlice";
6 |
7 | const useGetRestaurant = ({ dependency }: { dependency?: unknown }) => {
8 | const {user} = useAppSelector((state)=>state.user)
9 | const dispatch = useAppDispatch();
10 | const [loading, setLoading] = useState(true);
11 | const [error, setError] = useState
15 |
33 | Why Choose MealMart?
16 |
17 | {features.map((feature, idx) => (
18 |
26 |
30 | ))}
31 |
32 | {feature.icon}
27 | {feature.title}
28 |{feature.desc}
29 |
25 | {/* Sidebar */}
26 |
46 | );
47 | };
48 |
49 | export default DashboardLayout;
50 |
--------------------------------------------------------------------------------
/src/components/shared/AvailableMenu.tsx:
--------------------------------------------------------------------------------
1 | import { useAppDispatch } from "../../hooks/useReduxTypeHooks";
2 | import { addToCart } from "../../redux/cartSlice";
3 | import { Button } from "../ui/button";
4 |
5 | interface MenuItem {
6 | foodName: string;
7 | description: string;
8 | price: number;
9 | foodImage: string;
10 | _id: string;
11 | }
12 |
13 | interface AvailableMenuProps {
14 | menus: MenuItem[];
15 | restaurantId: string;
16 | }
17 |
18 | function AvailableMenu({ menus, restaurantId }: AvailableMenuProps) {
19 | const dispatch = useAppDispatch();
20 |
21 | return (
22 |
30 | {/* Mobile toggle button */}
31 |
38 |
39 |
45 |
40 |
42 |
43 |
44 |
23 | {menus?.map((menu: MenuItem, index: number) => (
24 |
51 | );
52 | }
53 |
54 | export default AvailableMenu;
55 |
--------------------------------------------------------------------------------
/src/redux/cartSlice.ts:
--------------------------------------------------------------------------------
1 | import { createSlice, type PayloadAction } from "@reduxjs/toolkit";
2 |
3 | // Cart Item Type Define
4 | export interface CartItem {
5 | _id: string;
6 | foodName: string;
7 | price: number;
8 | image?: string;
9 | foodImage?: string;
10 | quantity: number;
11 | restaurantId: string;
12 | }
13 |
14 | // Slice Initial State
15 | interface CartState {
16 | foods: CartItem[];
17 | }
18 |
19 | const initialState: CartState = {
20 | foods: [],
21 | };
22 |
23 | const cartSlice = createSlice({
24 | name: "cart",
25 | initialState,
26 | reducers: {
27 | // Add to Cart
28 | addToCart: (
29 | state,
30 | action: PayloadAction
25 |
49 | ))}
50 |
26 |
48 |
27 | 
32 |
33 |
34 |
47 | {menu.foodName}
35 |{menu.description}
36 |37 | Price: ${menu.price} 38 |
39 | 40 | 46 |
26 |
50 | What Our Users Say
27 | 28 |
29 | {feedbacks.map((user, idx) => (
30 |
38 | 
(e.currentTarget.src = "https://via.placeholder.com/150")}
43 | />
44 |
47 | ))}
48 |
49 | "{user.feedback}"
45 |{user.name}
46 |
18 |
47 |
48 | )
49 | }
50 |
51 | export default ForgotPassword
52 |
--------------------------------------------------------------------------------
/src/schemaZOD/userSchem.ts:
--------------------------------------------------------------------------------
1 | import { z } from "zod";
2 |
3 | export const userRegisterSchema = z.object({
4 | fullName: z.string().min(1, "Full name is required"),
5 | email: z.string().email("Invalid email address"),
6 | password: z
7 | .string()
8 | .superRefine((val, ctx) => {
9 | if (val.length < 6) {
10 | ctx.addIssue({
11 | code: z.ZodIssueCode.custom,
12 | message: "Password must be at least 6 characters",
13 | });
14 | return;
15 | }
16 | if (!/\d/.test(val)) {
17 | ctx.addIssue({
18 | code: z.ZodIssueCode.custom,
19 | message: "Password must contain at least one number",
20 | });
21 | }
22 | if (!/[A-Za-z]/.test(val)) {
23 | ctx.addIssue({
24 | code: z.ZodIssueCode.custom,
25 | message: "Password must contain at least one letter",
26 | });
27 | }
28 | }),
29 | contact: z
30 | .string()
31 | .min(10 , "Contact must be at least 10 digit"),
32 | });
33 |
34 | export type registerInputState = z.infer
20 | {/* Image */}
21 | 
26 |
27 | {/* Content */}
28 |
68 | );
69 | };
70 |
71 | export default RestaurantCard;
72 |
--------------------------------------------------------------------------------
/src/components/ui/button.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import { Slot } from "@radix-ui/react-slot"
3 | import { cva, type VariantProps } from "class-variance-authority"
4 |
5 | import { cn } from "../../lib/utils"
6 |
7 | const buttonVariants = cva(
8 | "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
9 | {
10 | variants: {
11 | variant: {
12 | default:
13 | "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
14 | destructive:
15 | "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
16 | outline:
17 | "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
18 | secondary:
19 | "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
20 | ghost:
21 | "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
22 | link: "text-primary underline-offset-4 hover:underline",
23 | },
24 | size: {
25 | default: "h-9 px-4 py-2 has-[>svg]:px-3",
26 | sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
27 | lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
28 | icon: "size-9",
29 | },
30 | },
31 | defaultVariants: {
32 | variant: "default",
33 | size: "default",
34 | },
35 | }
36 | )
37 |
38 | function Button({
39 | className,
40 | variant,
41 | size,
42 | asChild = false,
43 | ...props
44 | }: React.ComponentProps<"button"> &
45 | VariantProps
29 |
67 | {rest?.restaurantName}
30 | 31 | {/* City */} 32 |
33 |
37 |
38 | {/* Country */}
39 |
40 |
44 |
45 | {/* Cuisines */}
46 |
47 | {rest.cuisines.map((cuisine, index) => (
48 |
52 | {cuisine}
53 |
54 | ))}
55 |
56 |
57 | {/* Button */}
58 |
59 |
65 |
66 |
15 |
44 | Our Bestsellings
16 |
17 | {dishes.map((dish, idx) => (
18 |
19 |
27 |
40 |
41 | ))}
42 |
43 |
28 | 
(e.currentTarget.src = "https://via.placeholder.com/400x300?text=Image+Not+Found")}
33 | />
34 |
35 |
36 |
39 | {dish.name}
37 |${dish.price}
38 |
23 |
69 | );
70 | };
71 |
72 | export default RestaurantDetails;
73 |
--------------------------------------------------------------------------------
/src/components/shared/Admin/DashboardNav.tsx:
--------------------------------------------------------------------------------
1 | // DashboardNav.tsx
2 | import React from 'react';
3 | import { Link, useLocation } from 'react-router';
4 | import { FaHome } from "react-icons/fa";
5 | import { RxDashboard } from "react-icons/rx";
6 | import { MdOutlineRestaurant } from "react-icons/md";
7 | import { IoIosAddCircleOutline } from "react-icons/io";
8 |
9 | interface Props {
10 | isMobileOpen: boolean;
11 | setIsMobileOpen: React.Dispatch
24 |
68 |
25 | 
30 |
67 | 31 | {singleRestaurant?.restaurantName} 32 |
33 | 34 |
35 | {singleRestaurant?.cuisines && (
36 |
59 |
60 | {singleRestaurant?.menus && restaurantId && (
61 |
37 | {singleRestaurant.cuisines.map((cuisine: string, index: number) => (
38 |
42 | {cuisine}
43 |
44 | ))}
45 |
46 | )}
47 |
48 |
49 |
56 | Available Menus: {singleRestaurant?.menus?.length || 0} 57 |
58 |
21 |
51 |
52 | )
53 | }
54 |
55 | export default ResetPassword
56 |
--------------------------------------------------------------------------------
/src/components/shared/HeroSection.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import { useNavigate } from "react-router";
3 | import { FiSearch } from "react-icons/fi";
4 |
5 |
6 | const HeroSection: React.FC = () => {
7 | const [searchText, setSearchText] = useState("");
8 | const navigate = useNavigate();
9 |
10 | const handleSearch = () => {
11 | if (searchText.trim()) {
12 | navigate(`/search/${encodeURIComponent(searchText.trim())}`);
13 | }
14 | };
15 |
16 | const handleKeyPress = (e: React.KeyboardEvent
23 |
24 | {/* Left Text + Search */}
25 |
61 |
64 |
26 |
51 |
52 | {/* Right Image */}
53 | 27 | Discover Delicious Meals at MealMart 28 |
29 |30 | Search restaurants by name, city, or country and explore your next favorite meal. 31 |
32 | 33 | {/* Search Bar */} 34 |
35 | setSearchText(e.target.value)}
40 | onKeyDown={handleKeyPress}
41 | className="flex-1 px-4 py-3 outline-none text-gray-700 "
42 | />
43 |
49 |
50 |
54 | :max_bytes(150000):strip_icc()/MSG-Smash-Burger-FT-RECIPE0124-d9682401f3554ef683e24311abdf342b.jpg`})
59 |
60 |
59 |
62 | Loading...
63 |
64 | );
65 | }
66 |
67 | if (orders.length === 0) {
68 | return (
69 |
70 | No order found!
71 |
72 | );
73 | }
74 |
75 | return (
76 |
77 |
119 | );
120 | };
121 |
122 | export default UserOrder;
123 |
--------------------------------------------------------------------------------
/src/assets 00-49-08-258/react.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/ui/dialog.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import * as DialogPrimitive from "@radix-ui/react-dialog"
3 | import { XIcon } from "lucide-react"
4 |
5 | import { cn } from "../../lib/utils"
6 |
7 | function Dialog({
8 | ...props
9 | }: React.ComponentProps78 | Your Orders 79 |
80 | 81 |
82 | {orders.map((order, index) => (
83 |
118 |
84 |
116 | ))}
117 | {order.orderBy.fullName}
85 |Order summary:
86 | 87 | {order.cartItems.map((item, idx) => ( 88 |
92 |
104 | ))}
105 |
106 |
93 | 
98 |
100 | {item.foodName}
99 |101 | ${item.price}*{item.quantity} = ${item.quantity * item.price} 102 |
103 |107 | Total Amount 108 | ${order.totalAmount} 109 |
110 | 111 |112 | Order Status:{' '} 113 | {order.status} 114 |
115 |
65 |
96 | )
97 | }
98 |
99 | export default VerifyEmail
100 |
--------------------------------------------------------------------------------
/src/pages/Admin/Dashboard.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from 'react';
2 | import { useAppDispatch, useAppSelector } from '../../hooks/useReduxTypeHooks';
3 | import useGetRestOrders from '../../hooks/apiHooks/useGetRestOrders';
4 | import axios from 'axios';
5 | import { RESTAURANT_API_END_POINT } from '../../utils/apiEndPoint';
6 | import { setOrders } from '../../redux/restaurantSlice';
7 |
8 | const Dashboard = () => {
9 |
10 | useEffect(() => {
11 | document.title = `Dashboard | MealMart`;
12 | }, []);
13 |
14 | const { orders } = useAppSelector((state) => state.restaurant);
15 | const [dependency, setDependency] = useState
66 |
94 |
95 |
51 |
53 | );
54 | }
55 |
56 | return (
57 | No order Found
52 |
58 |
112 | );
113 | };
114 |
115 | export default Dashboard;
116 |
--------------------------------------------------------------------------------
/src/components/ui/sheet.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import * as SheetPrimitive from "@radix-ui/react-dialog"
3 | import { XIcon } from "lucide-react"
4 | import { cn } from "../../lib/utils"
5 |
6 |
7 |
8 | function Sheet({ ...props }: React.ComponentProps59 | Orders Overview 60 |
61 |
62 | {orders.map((order: any, index: number) => (
63 |
111 |
64 |
109 | ))}
110 | {order?.orderBy?.fullName}
65 |66 | Address: {order.deliveryInfo.address} 67 |
68 |69 | City: {order.deliveryInfo.city} 70 |
71 |72 | Total Amount: ${order.totalAmount} 73 |
74 | 75 | {order?.cartItems?.map((item: any, idx: number) => ( 76 |
80 |
92 | ))}
93 |
94 |
108 |
81 | 
86 |
88 | {item?.foodName}
87 |89 | ${item?.price}*{item?.quantity} = ${item?.quantity * item?.price} 90 |
91 |