+ Loading...
+
+
+ Account Information
+
+
+
+ 🙅♂️
+
+
+ {toggleEdit ? (
+
+
+ + {userData?.username}, How are you? +
++ Email: {userData?.Email} +
++ Contact Number:{" "} + {userData?.ContactNumber} +
++ Address:{" "} + {userData?.Address} +
+
+
+
+ ) : (
+ ""
+ )}
+
+ {/* RESTAURANT DATA */}
+ restaurantInfo()}
+ className={`text-gray-600 body-font cursor-pointer p-6 m-8 ml-0 w-fit ${
+ restaurantData && restaurantData.length > 0 ? "block" : "hidden"
+ }`}
+ >
+ {!toggleRestaurants ? "View" : "Hide"} Restaurants
+
+ {toggleRestaurants ? (
+ router.push(`/account/${item._id}`)}
+ >
+
+ );
+}
+
+export default Page;
diff --git a/fit-bite-web/app/add-restaurant/page.jsx b/fit-bite-web/app/add-restaurant/page.jsx
new file mode 100644
index 00000000..6150620a
--- /dev/null
+++ b/fit-bite-web/app/add-restaurant/page.jsx
@@ -0,0 +1,348 @@
+"use client";
+import React, { useState, useEffect } from "react";
+import Tabs from "../components/Tabs";
+import RestaurantType from "../components/RestaurantType";
+import { UserContext } from "../Context/UserProvider";
+import useGeoLocation from "./useGeoLocationHook";
+import { useRouter } from "next/navigation";
+import { CldUploadWidget } from 'next-cloudinary';
+function CreateRestaurant() {
+ const location = useGeoLocation();
+ const { loggedIn, contextLoading, userData, login } =
+ React.useContext(UserContext);
+
+ let router = useRouter();
+
+ const [formData, setFormData] = useState({
+ restaurantName: "",
+ restaurantContactNumber: 0,
+ restaurantEmail: "",
+ restaurantAddress: "",
+ restaurantLat: location.coordinates?.lat || "Not Available",
+ restaurantLng: location.coordinates?.lng || "Not Available",
+ restaurantType: {
+ items: [
+ {
+ name: "",
+ description: "",
+ },
+ ],
+ },
+ });
+ useEffect(() => {
+ if (contextLoading == false) {
+ login();
+ setFormData((prevFormData) => ({
+ ...prevFormData,
+ restaurantLat: location.coordinates?.lat || "",
+ restaurantLng: location.coordinates?.lng || "",
+ }));
+ if (!loggedIn) {
+ login();
+ setTimeout(() => {
+ router.push("/login");
+ }, 2000);
+ }
+ }
+ }, [loggedIn, contextLoading, userData, location, login, router]);
+
+ const overlayStyles = {
+ // position: "absolute",
+ // top: 0,
+ // left: 0,
+ // right:0,
+ // bottom:0,
+ // marginLeft:"14px",
+ // width: "100%",
+ // height: "100%",
+ display: "none",
+ // justifyContent: "center",
+ // alignItems: "center",
+ // backgroundColor: "rgba(0, 0, 0, 0.5)",
+ // zIndex: 9999,
+ };
+
+ const [activeStep, setActiveStep] = useState(1); // Declare activeStep state
+ const [submitted, setSubmitted] = useState(false);
+ const [errors, setErrors] = useState({});
+ //Handling form data
+
+ // let lat = location.coordinates?.lat;
+ // let lng = location.coordinates?.lng;
+
+ // setFormData((prevData) => ({
+ // ...prevData,
+ // restaurantLat:lat,
+
+ // restaurantLng:lng
+ // }));
+
+ // Handle input changes and update state
+ const handleInputChange = (e) => {
+ let name = e.target.name;
+ let value = e.target.value;
+
+ setFormData((prevData) => ({
+ ...prevData,
+ [name]: value,
+ userId: userData._id,
+ }));
+ };
+
+ // Handle form submission
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ // Validation logic here
+ const validationErrors = {};
+
+ if (!formData.restaurantName) {
+ validationErrors.restaurantName = "Name is required.";
+ }
+ if (!formData.restaurantContactNumber) {
+ validationErrors.restaurantContactNumber = "Contact Number is required.";
+ }
+ if (!formData.restaurantEmail) {
+ validationErrors.restaurantEmail = "Restaurant Email is required.";
+ }
+ if (!formData.restaurantAddress) {
+ validationErrors.restaurantAddress = "Restaurant Address is required.";
+ }
+
+ if (
+ formData.restaurantEmail.length > 1 &&
+ formData.restaurantEmail.length < 10
+ ) {
+ validationErrors.restaurantEmail = "Please enter correct E-mail id";
+ }
+ if (formData.restaurantEmail.length < 1) {
+ validationErrors.restaurantEmail = "Please enter E-mail id";
+ }
+ if (formData.restaurantContactNumber.length < 9) {
+ validationErrors.restaurantContactNumber =
+ "Please enter correct Contact Number";
+ }
+
+ if (Object.keys(validationErrors).length > 0) {
+ setErrors(validationErrors);
+ } else {
+ setSubmitted(true);
+ setActiveStep(2);
+ }
+ // console.log(formData);
+ };
+ // Conditionally set the overlay to be visible
+ if (location.coordinates && location.coordinates.lat) {
+ overlayStyles.display = "none";
+ } else {
+ overlayStyles.display = "block";
+ }
+ return (
+ + Restaurant Details +
+ {/*+ Get ready with your menu card 🎉 +
*/} + ++ Restaurant Name:{" "} + + {item.restaurantName} + {/* {console.log(item.restaurantName, "restaurantName")} */} + +
++ Contact Number:{" "} + + {item.restaurantContactNumber} + +
++ E-mail:{" "} + + {item.restaurantEmail} + +
++ Restaurant Address:{" "} + + {item.restaurantAddress} + +
++ Restaurant Latitude:{" "} + {item.restaurantLat} +
++ Restaurant Longitude:{" "} + {item.restaurantLng} +
+ {/*-
+ {jsonDataObj.map((item) => (
+
-
+
Name: {item.name}
+Description: {item.description}
+
+ ))}
+
+ RestaurantType +
+ {/* // */}
+
+ {/* {restaurantType && restaurantType.items && restaurantType.items.map((item, index) => ( */}
+ {/*
+ ))}
+
+ ) : (
+ ""
+ )}
+
+ - */}
+ {item.restaurantType.items.map((item, index) => (
+
-
+
+ Name: {item.name}
+
+
+ Description:{" "} + + {item.description} + +
+
+ ))}
+ {/*
+ Our team will soon reach out to you! +
*/} +
+
+
+
+
+ );
+}
+export default CreateRestaurant;
diff --git a/fit-bite-web/app/add-restaurant/restaurantTypeData.js b/fit-bite-web/app/add-restaurant/restaurantTypeData.js
new file mode 100644
index 00000000..9741d3ed
--- /dev/null
+++ b/fit-bite-web/app/add-restaurant/restaurantTypeData.js
@@ -0,0 +1,117 @@
+const restaurantTypeData = [
+ {
+ index:0,
+ name: "Fine Dining Restaurant",
+ description:
+ "These restaurants offer high-quality cuisine and a formal dining experience. They often have an elegant ambiance, trained staff, and a wide selection of food..",
+ icon: (
+
+ ),
+ },
+ {
+ index:1,
+ name: "Casual Dining Restaurant",
+ description:
+ "Customers can enjoy a variety of dishes at affordable prices, and they typically don't require reservations.",
+ icon: (
+
+ ),
+ },
+ {
+ name: "Fast Food Restaurant",
+ description:
+ "Fast food restaurants serve quick, convenient, and affordable meals.",
+ icon: (
+
+ ),
+ },
+ {
+ name: "Café or Coffee Shop",
+ description: "Cafés are known for serving coffee, tea, and light meals.",
+ icon: (
+
+ ),
+ },
+
+ {
+ name: "Bistro",
+ description:
+ "A bistro is a small, cozy eatery that offers a mix of classic and contemporary dishes. It often has a European-inspired menu and a relaxed ambiance.",
+ icon: (
+
+ ),
+ },
+ {
+ name: "Ethnic or Specialty Restaurant",
+ description:
+ "These restaurants focus on specific cuisines or dishes from around the world. Examples include Italian, Mexican, Thai, sushi bars, and seafood restaurants.",
+ icon: (
+
+ ),
+ },
+];
+
+export default restaurantTypeData;
diff --git a/fit-bite-web/app/add-restaurant/useGeoLocationHook.jsx b/fit-bite-web/app/add-restaurant/useGeoLocationHook.jsx
new file mode 100644
index 00000000..6b9bd221
--- /dev/null
+++ b/fit-bite-web/app/add-restaurant/useGeoLocationHook.jsx
@@ -0,0 +1,43 @@
+import { useState, useEffect } from "react";
+
+const useGeoLocation = () => {
+ const [location, setLocation] = useState({
+ loaded: false,
+ coordinates: { lat: "", lng: "" },
+ });
+
+ const onSuccess = (location) => {
+ setLocation({
+ loaded: true,
+ coordinates: {
+ lat: location.coords.latitude,
+ lng: location.coords.longitude,
+ },
+ });
+ };
+
+ const onError = (error) => {
+ setLocation({
+ loaded: true,
+ error: {
+ code: error.code,
+ message: error.message,
+ },
+ });
+ };
+
+ useEffect(() => {
+ if (!("geolocation" in navigator)) {
+ onError({
+ code: 0,
+ message: "Geolocation not supported",
+ });
+ }
+
+ navigator.geolocation.getCurrentPosition(onSuccess, onError);
+ }, []);
+
+ return location;
+};
+
+export default useGeoLocation;
\ No newline at end of file
diff --git a/fit-bite-web/app/admin/page.jsx b/fit-bite-web/app/admin/page.jsx
new file mode 100644
index 00000000..9d029ad3
--- /dev/null
+++ b/fit-bite-web/app/admin/page.jsx
@@ -0,0 +1,250 @@
+"use client";
+import React from "react";
+import { useState, useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { UserContext } from "../Context/UserProvider";
+import Link from "next/link";
+// var jwt = require("jsonwebtoken");
+function Page() {
+ const [orders, setOrders] = useState([]);
+ const [counter, setCounter] = useState(0);
+ const [selectedStatus, setSelectedStatus] = useState({});
+ const { contextLoading, adminloggedIn, adminlogout} =
+ React.useContext(UserContext);
+ const router = useRouter();
+ const handleChange = (event, order) => {
+ // console.log(event, order.chargeId);
+ setSelectedStatus({ chargeId: order.chargeId, status: event });
+ };
+
+ const handleUpdateStatus = async (order) => {
+ // console.log(order.chargeId);
+ // console.log(selectedStatus);
+ // console.log(order._id);
+ let jsonData = {
+ deliveryStatus: selectedStatus.status,
+ };
+ const jsonDataFinal = JSON.stringify(jsonData, null, 2);
+ const response = await fetch(`/api/orders/${order._id}`, {
+ method: "PUT",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: jsonDataFinal,
+ });
+
+ // const data = await response.json();
+
+ if (response.status === 200) {
+ // Update UI to reflect successful update
+ console.log("Delivery status updated successfully!");
+ setCounter((prev) => prev + 1);
+ } else {
+ // Handle error
+ console.error(response.message);
+ }
+ };
+ async function render() {
+ try {
+ const response = await fetch("/api/orders", {
+ method: "GET",
+ });
+ let res = await response.json();
+ if (response.status === 200) {
+ setOrders(res.orders);
+ }
+ } catch (err) {
+ console.log(err);
+ }
+ }
+
+ useEffect(() => {
+ if (typeof window !== "undefined") {
+ if (contextLoading == false) {
+ // console.log({adminloggedIn}, "adminlogged in");
+ if (adminloggedIn) {
+ // adminlogin();
+ render();
+ // adminlogin();
+ }
+ if (!adminloggedIn) {
+
+ console.log("else from admin orders page is getting triggered");
+ // Schedule the redirect after 3 seconds
+ setTimeout(() => {
+ router.push("/adminSignin");
+ }, 1000);
+ }
+ }
+ }
+ // else {
+ // // Show the div first
+
+ // // Schedule the redirect after 3 seconds
+ // setTimeout(() => {
+ // router.push("/login");
+ // }, 3000);
+ // }
+
+ // getUser().then(()=>{
+ // console.log({decoded});
+ // })
+
+ // cs_test_a1sBkOnJyyCv9FfZt5rogyFokDMk60s6SSVyrogePJGRyVE8u8I1c1vA2Y
+ }, [adminloggedIn, contextLoading, selectedStatus, counter, router]);
+
+ return (
+
+ Loading...
+
+ ) : (
+ <>
+
+
+ + Turn on your GPS +
+
+
+
+
+
+
+
+
+
+ + ADDRESS +
++ Please place the pin accurately at your outlet’s location + on the map +
+
+
+ + EMAIL +
++ example@email.com +
++ PHONE +
+123-456-7890
+
+
+ + Restaurant Details +
++ Name, address and location +
+ + {submitted && ( +
+
+ )}
+ Form submitted successfully!
+ +
+
+ {" "}
+ {contextLoading || !adminloggedIn ? (
+
+
+ {adminloggedIn ? (
+
+
+ ) : (
+
+ )}
+
+ );
+}
+
+export default Page;
diff --git a/fit-bite-web/app/adminSignin/page.jsx b/fit-bite-web/app/adminSignin/page.jsx
new file mode 100644
index 00000000..e1993182
--- /dev/null
+++ b/fit-bite-web/app/adminSignin/page.jsx
@@ -0,0 +1,315 @@
+"use client";
+import React from "react";
+import { useState } from "react";
+import Image from "next/image";
+import Link from "next/link";
+import "../globals.css";
+import { ToastContainer, toast } from "react-toastify";
+// import { injectStyle } from "react-toastify/dist/inject-style";
+import "react-toastify/dist/ReactToastify.css";
+import { useRouter } from "next/navigation";
+import { UserContext } from "../Context/UserProvider";
+function LoginPage() {
+ const { setAdminLoggedIn } = React.useContext(UserContext);
+ const [submitted, setSubmitted] = useState(false);
+ const [errors, setErrors] = useState({ });
+
+ const [isChecked, setIsChecked] = useState({ checked: false });
+ const [formData, setFormData] = useState({
+ Email: "",
+ Password: "",
+ });
+ let router = useRouter();
+ const handleCheckboxChange = () => {
+ // Toggle the value of isChecked when the checkbox is clicked
+ setIsChecked({ checked: !isChecked.checked });
+ };
+ // IF REMEMBER ME IS CHECKED DO THIS
+ // if(isChecked.checked === true) {
+
+ // console.log("Don't ask for password for this user again")
+ // }
+
+ // Handle input changes and update state
+ const handleInputChange = (e) => {
+ let name = e.target.name;
+ let value = e.target.value;
+
+ setFormData((prevData) => ({
+ ...prevData,
+ [name]: value,
+ }));
+ //Validation Logic Here
+ // const validationErrors = {};
+
+ // if (!formData.Email) {
+ // validationErrors.Email = "Please enter your Email for future updates.";
+ // }
+
+ // if (!formData.Password) {
+ // validationErrors.Password = "Password is required.";
+ // }
+
+ // if (formData.Password.includes(formData.username)) {
+ // validationErrors.Password = "Username should not be used as a password.";
+ // }
+ // if (formData.Email.length > 1 && formData.Email.length < 10) {
+ // validationErrors.Email = "Please enter correct E-mail id";
+ // }
+ // if (formData.Email.length < 1) {
+ // validationErrors.Email = "Please enter your Email for future updates.";
+ // }
+
+ // if (Object.keys(validationErrors).length > 0) {
+ // setErrors(validationErrors);
+
+ // // console.log(validationErrors)
+ // // setShouldSignup(false);
+ // } else {
+ // setErrors(validationErrors);
+ // }
+ };
+ // const isFormValid = () => {
+ // // Check if there are any errors in the errors state
+ // return Object.values(errors).every((error) => error === "");
+ // };
+ // Handle form submission
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ // setActiveStep(2)
+ // Convert form data to JSON
+ // const jsonData = JSON.stringify(formData, null, 2);
+ setErrors({})
+ const validationErrors = {};
+
+ if (!formData.Email) {
+ validationErrors.Email = "Please enter your Email for future updates.";
+ }
+
+ if (!formData.Password) {
+ validationErrors.Password = "Password is required.";
+ }
+
+ if (formData.Password.includes(formData.username)) {
+ validationErrors.Password = "Username should not be used as a password.";
+ }
+ if (formData.Email.length > 1 && formData.Email.length < 10) {
+ validationErrors.Email = "Please enter correct E-mail id";
+ }
+ if (formData.Email.length < 1) {
+ validationErrors.Email = "Please enter your Email for future updates.";
+ }
+
+ if (Object.keys(validationErrors).length > 0) {
+ setErrors(validationErrors);
+ }
+
+ // { "username": "Abhi",
+ // "ContactNumber": 679234567890,
+ // "Email": "abhi2y@email.com",
+ // "Password": "abhi",
+ // "Address": "PNT Colony"
+ // }
+ // Log the JSON data (you can send it to a server or save it as needed)
+
+ // Convert form data to JSON
+ const jsonDataFinal = JSON.stringify(formData, null, 2);
+ // console.log("String form Data Final", jsonDataFinal);
+ if (Object.keys(validationErrors).length == 0) {
+ try {
+ const response = await fetch("/api/admin", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: jsonDataFinal,
+ });
+ // console.log(response.body);
+ if (response.status === 201) {
+ // Parse the JSON response and extract the token
+ const responseData = await response.json();
+ const token = responseData.token;
+
+ // Use the extracted token for further processing
+ // console.log("Token:", token);
+ // const token = response.cookies.get("token")
+ localStorage.setItem("adminToken", token);
+ setSubmitted(true);
+ // console.log("Form data submitted successfully", formData);
+ setAdminLoggedIn(true);
+ // adminlogin()
+ // setAdminEmail(formData.Email)
+
+ toast.success("🎉 Signed In successfully! Redirecting 🤗", {
+ position: "bottom-center",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "dark",
+ });
+ setTimeout(() => {
+ router.push("/admin");
+ }, 3000);
+
+ setFormData({
+ Email: "",
+ Password: "",
+ });
+ } else {
+ console.error("Form submission failed");
+ toast.error("👹 Admin Not Found!", {
+ position: "bottom-center",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "dark",
+ });
+ setFormData({
+ Email: "",
+ Password: "",
+ });
+ setIsChecked({ checked: false });
+ }
+ } catch (error) {
+ console.error("Error:", error);
+ }
+ }
+ // console.log(formData);
+ };
+
+ return (
+
+ {" "}
+ {contextLoading || !adminloggedIn ? (
+
+ Loading...
+
+ ) : orders.length > 0 ? (
+ "Recent Orders"
+ ) : (
+ "No Orders Found"
+ )}
+ {/* {orders.length > 0 ? "Recent Orders" : "Orders Found: NAN"} */}
+
+
+ {adminloggedIn ? (
+
+
+
+ {orders?.map((order) => (
+ //
+ {order.chargeId, + // order.userId, + // order.orderStatus, + // order.amount, + // order.paymentMethod, + // order.billingEmail, + // order.cardBrand, + // order.last4Digits, + // order.receipt_url}
+ +
+ Order ID: {order.chargeId}
+
+ ))}
+
+
+
+ {/* */}
+
+ {/* */}
+
+
+
+ + Amount:{" "} + + {order.amount / 100} INR. + +
++ {order.orderStatus.toUpperCase()} +
+
+
+ + Method: {order.paymentMethod} +
++ Billing Email: {order.billingEmail} +
++ Card Brand: {order.cardBrand} +
++ Last 4 Digits: {order.last4Digits} +
+
+
+
+ {" "}
+ Invoice
+
+
+ + {order?.deliveryStatus + ? order.deliveryStatus === "Delivered" + ? "" + : "Delivery Status: " + : "Awaiting approval"} + + {order?.deliveryStatus} + +
+ + +
+
+ );
+}
+
+export default LoginPage;
diff --git a/fit-bite-web/app/aiTrainer/page.jsx b/fit-bite-web/app/aiTrainer/page.jsx
new file mode 100644
index 00000000..d5a10f94
--- /dev/null
+++ b/fit-bite-web/app/aiTrainer/page.jsx
@@ -0,0 +1,233 @@
+"use client";
+import { useState, useEffect, useRef } from "react";
+import { useChat } from "../Context/ChatContext";
+import ReactMarkdown from 'react-markdown';
+const VideoRecorder = () => {
+ // const { messages, addMessage } = useChat();
+ const [messages, setMessages] = useState([]);
+ const [input, setInput] = useState("");
+ const chatEndRef = useRef(null);
+ const videoRef = useRef(null);
+ const mediaRecorderRef = useRef(null);
+ const [recording, setRecording] = useState(false);
+ const chunks = useRef([]);
+ const [selectedFile, setSelectedFile] = useState(null);
+ const [uploading, setUploading] = useState(false);
+ const [response, setResponse] = useState(null);
+ const [exercise, setExercise] = useState("");
+ const handleFileChange = (e) => {
+ console.log(e.target.files[0]);
+ setSelectedFile(e.target.files[0]);
+ };
+ const handleChange = (event) => {
+ // console.log(event, order.chargeId);
+ setExercise(event);
+ };
+ const addMessage = (text, sender) => {
+ setMessages((prevMessages) => [
+ ...prevMessages,
+ { id: prevMessages.length, text, sender },
+ ]);
+ };
+ useEffect(() => {
+ chatEndRef.current?.scrollIntoView({ behavior: "smooth" });
+ }, [messages]);
+
+ const handleSend = () => {
+ if (!input.trim()) return;
+
+ addMessage(input, "user");
+
+ // Simulate AI response
+ setTimeout(() => {
+ addMessage("Hello! How can I help you?", "ai");
+ }, 1000);
+
+ setInput("");
+ };
+ const handleUpload = async () => {
+ if (!selectedFile) {
+ alert("Please select a video file first.");
+ return;
+ }
+
+ setUploading(true);
+ const formData = new FormData();
+ formData.append("file", selectedFile, selectedFile.name);
+
+ try {
+ const res = await fetch("/api/uploadVideoML", {
+ method: "POST",
+ body: formData,
+ });
+
+ const result = await res.json();
+ console.log({ result });
+ setResponse(result);
+ let prompt = ` I am doing this ${exercise}, and my current joint angle is ${result.angles} degrees. Give me feedback on whether I am doing it correctly. Also suggest improveents if needed`;
+ try {
+ const resFinal = await fetch("/api/ai", {
+ method: "POST",
+ body: JSON.stringify({prompt}),
+ });
+ console.log({ resFinal });
+ let responseText= await resFinal.text();
+ console.log({ responseText });
+ // const = await resFinal2.text();
+ // console.log({ responseText });
+
+ const aiMessages = responseText.match(/[^.!?]+[.!?]+/g) || [];
+ const formattedText = aiMessages.replace(/\n/g, '
+
+ + Zomato +
*/} +
+
+
+
+
+ + {`Don't`} have an account? + Contact Developer +
++ ©2023 Zomato. All rights reserved. +
+'); + for (const msg of formattedText) { + if (msg.trim()) { + addMessage(msg.trim(), "ai"); + await new Promise((resolve) => setTimeout(resolve, 500)); // Delay between messages + } + } + } catch (err) { + console.log(err, "gemini error"); + } + } catch (error) { + console.error("Upload failed:", error); + } + + setUploading(false); + }; + + useEffect(() => { + async function getCameraStream() { + try { + const stream = await navigator.mediaDevices.getUserMedia({ + video: true, + audio: true, + }); + if (videoRef.current) { + videoRef.current.srcObject = stream; + } + } catch (error) { + console.error("Error accessing webcam:", error); + } + } + getCameraStream(); + }, []); + + const startRecording = () => { + if (!videoRef.current || !videoRef.current.srcObject) return; + + chunks.current = []; + const stream = videoRef.current.srcObject; + const mediaRecorder = new MediaRecorder(stream); + + mediaRecorder.ondataavailable = (event) => { + if (event.data.size > 0) { + chunks.current.push(event.data); + } + }; + + mediaRecorder.onstop = async () => { + const blob = new Blob(chunks.current, { type: "video/webm" }); + + // Convert Blob to File + const file = new File([blob], "recorded-video.webm", { + type: "video/webm", + }); + + // Upload video to API for saving + const formData = new FormData(); + formData.append("video", file); + + try { + const response = await fetch("/api/uploadVideo", { + method: "POST", + body: blob, // Send raw video data + }); + + const data = await response.json(); + // console.log(data.message, "Saved at:", data.filePath); + } catch (error) { + console.error("Error uploading video:", error); + } + }; + + mediaRecorderRef.current = mediaRecorder; + mediaRecorder.start(); + setRecording(true); + }; + + const stopRecording = () => { + if (mediaRecorderRef.current) { + mediaRecorderRef.current.stop(); + } + setRecording(false); + }; + + return ( +
+
+
+ );
+};
+
+export default VideoRecorder;
diff --git a/fit-bite-web/app/api/account/[account]/route.js b/fit-bite-web/app/api/account/[account]/route.js
new file mode 100644
index 00000000..5470ee79
--- /dev/null
+++ b/fit-bite-web/app/api/account/[account]/route.js
@@ -0,0 +1,135 @@
+import User from "@/app/models/UserModel";
+import mongoose from "mongoose";
+import { NextResponse } from "next/server";
+var CryptoJS = require("crypto-js");
+var jwt = require("jsonwebtoken");
+await mongoose.connect(process.env.MONGODB_URI);
+
+export async function PUT(req, content) {
+ try {
+ console.log(content);
+ let userId = content.params.account;
+ let filter = { _id: userId };
+ let payload = await req.json();
+ console.log(payload);
+
+ let modifypayload = Object.keys(payload);
+ for (var i = 0; i < modifypayload.length; i++) {
+ if (Object.values(payload)[i].length < 2) {
+ console.log("I am going to delete", modifypayload[i]);
+ delete modifypayload[i];
+ } else if (typeof Object.values(payload)[i] === "number") {
+ if (Object.values(payload)[i].toString().length < 9) {
+ console.log("I am going to delete this number", modifypayload[i]);
+ delete modifypayload[i];
+ }
+ } else {
+ console.log(modifypayload[i]);
+ }
+ }
+ const resultObject = modifypayload.reduce((obj, key) => {
+ if (key !== undefined) {
+ obj[key] = payload[key];
+ }
+ return obj;
+ }, {});
+
+ console.log(resultObject, "resultObject");
+ console.log(modifypayload, "modifyPayload");
+
+ let result;
+ if (resultObject.Password) {
+ console.log(resultObject.Password, "Password");
+ if (resultObject.Password.toString().length > 2) {
+ resultObject.Password = CryptoJS.AES.encrypt(
+ resultObject?.Password,
+ "SecretKey"
+ ).toString();
+ // let objWithPw = {
+ // username: payload?.username,
+ // ContactNumber: payload?.ContactNumber,
+ // Address: payload?.Address,
+ // Email: payload?.Email,
+ // Password: CryptoJS.AES.encrypt(
+ // payload?.Password,
+ // "SecretKey"
+ // ).toString(),
+ // };
+ // {
+ // username: 'Abhijeet',
+ // ContactNumber: '1234567789',
+ // Address: '22/3 LA, USA',
+ // Email: 'abhijeet@mail.com',
+ // Password: 'kensis-tyddAf-6qormi'
+ // }
+ }
+ }
+ result = await User.findOneAndUpdate(filter, resultObject);
+ // else {
+
+ // result = await User.findOneAndUpdate(filter,resultObject);
+ // }
+ if (result._id && resultObject.Email.length > 1) {
+ var token = jwt.sign(
+ {
+ Email: resultObject.Email,
+ },
+ process.env.JWT_SECRET,
+ { expiresIn: "3d" }
+ );
+
+ console.log("Token", token);
+ return NextResponse.json({ result, token, success: true });
+ }
+
+ /// REVERT BACK ///////////
+ // let result;
+ // if (payload.Password.length> 2) {
+ // let objWithPw = {
+ // username: payload?.username,
+ // ContactNumber: payload?.ContactNumber,
+ // Address: payload?.Address,
+ // Email: payload?.Email,
+ // Password: CryptoJS.AES.encrypt(
+ // payload?.Password,
+ // "SecretKey"
+ // ).toString(),
+ // };
+ // // {
+ // // username: 'Abhijeet',
+ // // ContactNumber: '1234567789',
+ // // Address: '22/3 LA, USA',
+ // // Email: 'abhijeet@mail.com',
+ // // Password: 'kensis-tyddAf-6qormi'
+ // // }
+ // result = await User.findOneAndUpdate(filter, objWithPw);
+ // } else {
+ // delete payload.Password
+ // result = await User.findOneAndUpdate(filter, payload);
+ // }
+ // if (result._id) {
+ // var token = jwt.sign(
+ // {
+ // Email: payload.Email,
+ // username: payload.username,
+ // ContactNumber: payload.ContactNumber,
+ // Address: payload.Address,
+ // },
+ // process.env.JWT_SECRET,
+ // { expiresIn: "3d" }
+ // );
+
+ // console.log("Token", token);
+ // return NextResponse.json({ result, token, success: true });
+ // }
+ /// REVERT BACK ///////////
+
+ // order = await Order.findOne({ chargeId });
+ // } else {
+ // order = await Order.findByIdAndUpdate(id, { deliveryStatus });
+
+ return NextResponse.json({ result, success: true });
+ } catch (err) {
+ return NextResponse.json({ success: false });
+ }
+}
diff --git a/fit-bite-web/app/api/add-product/route.js b/fit-bite-web/app/api/add-product/route.js
new file mode 100644
index 00000000..05ed11aa
--- /dev/null
+++ b/fit-bite-web/app/api/add-product/route.js
@@ -0,0 +1,14 @@
+import mongoose from "mongoose";
+import OtherProduct from "@/app/models/OtherProductModel";
+import { NextResponse } from "next/server";
+var CryptoJS = require("crypto-js");
+
+
+export async function POST(req) {
+ const payload = await req.json();
+ await mongoose.connect(process.env.MONGODB_URI);
+ const { name, Description, Price, image, Calories, Protein, Fat, Carbohydrates, restaurantId, type} = payload;
+ let user = new OtherProduct({ name, Description, Price, image, Calories, Protein, Fat, Carbohydrates, restaurantId, type});
+ const result = await user.save();
+ return NextResponse.json({ result, success: true });
+ }
\ No newline at end of file
diff --git a/fit-bite-web/app/api/admin/route.js b/fit-bite-web/app/api/admin/route.js
new file mode 100644
index 00000000..7bc23b1d
--- /dev/null
+++ b/fit-bite-web/app/api/admin/route.js
@@ -0,0 +1,63 @@
+import mongoose from "mongoose";
+import Admin from "@/app/models/AdminModel";
+import { NextResponse } from "next/server";
+var jwt = require("jsonwebtoken");
+await mongoose.connect(process.env.MONGODB_URI);
+
+// export async function POST(req, res) {
+// const payload = await req.json();
+// await mongoose.connect(process.env.MONGODB_URI);
+// const { username, Email, Password } = payload;
+// let user = new Admin({ username, Email, Password});
+// const result = await user.save();
+// return NextResponse.json({ result, success: true });
+// }
+export async function POST(req) {
+ let success = true;
+ let message = "Successfully Logged in";
+ let status = 201;
+ const payload = await req.json();
+
+ console.log(payload);
+ const user = await Admin.find({
+ Email: payload.Email,
+ });
+ console.log(user, "user found");
+
+ console.log(user.Password);
+ if (user.length !== 0) {
+ if (
+ payload.Email === user[0].Email &&
+ payload.Password === user[0].Password
+ ) {
+ console.log("Authenticated", user[0].Email, user[0].Password);
+ var token = jwt.sign(
+ {
+ Email: user[0].Email,
+ username: user[0].username,
+ },
+ process.env.JWT_SECRET,
+ { expiresIn: "3d" }
+ );
+
+ console.log("Token", token);
+ // cookies().set('adminToken', token, { secure: true })
+ return NextResponse.json(
+ { result: user, success, message, token: token },
+ { status, headers: { "content-type": "application/json" } }
+ );
+ } else {
+ console.log("Wrong password");
+ return NextResponse.json(
+ { success: false, message: "Wrong Password" },
+ { status: 401, headers: { "content-type": "application/json" } }
+ );
+ }
+ } else if (user.length === 0) {
+ console.log("User not found");
+ return NextResponse.json(
+ { result: user, success: false, message: "User not found" },
+ { status: 200, headers: { "content-type": "application/json" } }
+ );
+ }
+}
diff --git a/fit-bite-web/app/api/ai/route.js b/fit-bite-web/app/api/ai/route.js
new file mode 100644
index 00000000..38c81b81
--- /dev/null
+++ b/fit-bite-web/app/api/ai/route.js
@@ -0,0 +1,17 @@
+import { GoogleGenerativeAI } from "@google/generative-ai";
+
+export async function POST(req) {
+ try {
+ const { prompt } = await req.json();
+ console.log({prompt})
+ const genAI = new GoogleGenerativeAI(process.env.GEMINI_API_KEY);
+ const model = genAI.getGenerativeModel({ model: "gemini-1.5-flash" });
+
+ const result = await model.generateContent(prompt);
+ const responseText = result.response.text();
+console.log({responseText})
+ return Response.json({ text: responseText });
+ } catch (error) {
+ return Response.json({ error: "Failed to generate response" }, { status: 500 });
+ }
+}
diff --git a/fit-bite-web/app/api/desserts/route.js b/fit-bite-web/app/api/desserts/route.js
new file mode 100644
index 00000000..8f2a37c9
--- /dev/null
+++ b/fit-bite-web/app/api/desserts/route.js
@@ -0,0 +1,57 @@
+import mongoose from "mongoose";
+// import User from '@/models/UserModel';
+import Dessert from '@/app/models/DessertModel';
+import { NextResponse } from "next/server";
+ // const handler = async (req, res) =>{
+ // const {name, email, password} = req.body
+ // const user = await User.create({
+ // name,
+ // email,
+ // password
+ // })
+ // res.status(201).json({
+ // message: 'User Created Successfully',
+ // user
+ // })
+
+ export async function POST(req) {
+ const payload = await req.json();
+ await mongoose.connect(process.env.MONGODB_URI);
+ let d = new Dessert(payload);
+ const result = await d.save();
+ return NextResponse.json({ result, success: true });
+ }
+ export async function GET() {
+ let desserts =[]
+ let success = true
+ try{
+ await mongoose.connect(process.env.MONGODB_URI);
+ desserts= await Dessert.find();
+
+ console.log(desserts);
+ // if(user){
+ // if (req.body.Email == user.Email && req.body.Password == user.Password){
+ // // res.status(200).json({success: true}, {username:user.username, Email:user.Email })
+ // return NextResponse.json({success: true, message: 'Successfully Logged in', username:user.username, Email:user.Email})
+ // // username:user.username, Email:user.Email
+ // // return NextResponse.json(JSON.stringify({success: true, message: 'Successfully Loged in'}),{ status: 200, headers: { 'content-type': 'application/json' } }, {username:user.username, Email:user.Email })
+ // }
+
+ // }
+ }catch(e){
+ desserts={result:"error"}
+ success=false
+ // console.log(e);
+ }
+ return NextResponse.json({result:desserts, success});
+ // else {
+ // // If no user is found, send a different response (e.g., success: false)
+ // res.status(200).json({ success: false, message: "User not found" });
+ // }
+ // const payload = await req.json();
+ // await mongoose.connect(process.env.MONGODB_URI);
+ // let user = new User(payload);
+ // const result = await user.save();
+ // return NextResponse.json({ result, success: true });
+ }
+ // ex
\ No newline at end of file
diff --git a/fit-bite-web/app/api/ecommerce/route.js b/fit-bite-web/app/api/ecommerce/route.js
new file mode 100644
index 00000000..a8b3103c
--- /dev/null
+++ b/fit-bite-web/app/api/ecommerce/route.js
@@ -0,0 +1,39 @@
+import mongoose from "mongoose";
+// import User from '@/models/UserModel';
+import User from '@/app/models/UserModel';
+import { NextResponse } from "next/server";
+
+ export async function GET() {
+ let users =[]
+ let success = true
+ try{
+ await mongoose.connect(process.env.MONGODB_URI);
+ users= await User.countDocuments();
+
+ console.log(users);
+ // if(user){
+ // if (req.body.Email == user.Email && req.body.Password == user.Password){
+ // // res.status(200).json({success: true}, {username:user.username, Email:user.Email })
+ // return NextResponse.json({success: true, message: 'Successfully Logged in', username:user.username, Email:user.Email})
+ // // username:user.username, Email:user.Email
+ // // return NextResponse.json(JSON.stringify({success: true, message: 'Successfully Loged in'}),{ status: 200, headers: { 'content-type': 'application/json' } }, {username:user.username, Email:user.Email })
+ // }
+
+ // }
+ }catch(e){
+ users={result:"error"}
+ success=false
+ // console.log(e);
+ }
+ return NextResponse.json({result:users, success});
+ // else {
+ // // If no user is found, send a different response (e.g., success: false)
+ // res.status(200).json({ success: false, message: "User not found" });
+ // }
+ // const payload = await req.json();
+ // await mongoose.connect(process.env.MONGODB_URI);
+ // let user = new User(payload);
+ // const result = await user.save();
+ // return NextResponse.json({ result, success: true });
+ }
+ // ex
\ No newline at end of file
diff --git a/fit-bite-web/app/api/item/route.js b/fit-bite-web/app/api/item/route.js
new file mode 100644
index 00000000..e801bd48
--- /dev/null
+++ b/fit-bite-web/app/api/item/route.js
@@ -0,0 +1,42 @@
+import mongoose from "mongoose";
+import Pastries from "@/app/models/PastriesModel";
+import LargeCake from "@/app/models/LargeCakesModel";
+import smallCake from "@/app/models/SmallCakesModel";
+import Dessert from "@/app/models/DessertModel";
+import { NextResponse } from "next/server";
+import OtherProduct from "@/app/models/OtherProductModel";
+export async function GET(req) {
+ let dish = req.nextUrl.searchParams.get("dish") || 1;
+ console.log({dish})
+ console.log(req.nextUrl.searchParams.get("id"))
+ let pastries;
+ let success = true;
+ console.log(req.url)
+let model;
+console.log(dish=='pastries')
+ if (dish == 'pastries') {
+ model = Pastries;
+ }else if (dish == "desserts") {
+ model = Dessert;
+ }else if(dish == "largeCakes"){
+ model = LargeCake;
+ }else if(dish=="otherProducts"){
+ model=OtherProduct;
+ }
+
+ else{
+ model = smallCake;
+ }
+ try {
+ await mongoose.connect(process.env.MONGODB_URI);
+ pastries = await model.find({
+ _id: req.nextUrl.searchParams.get("id"),
+ });
+ } catch (e) {
+ pastries = { result: "error" };
+ success = false;
+ // console.log(e);
+ }
+ return NextResponse.json({ result: pastries[0], success });
+ }
+
\ No newline at end of file
diff --git a/fit-bite-web/app/api/largeCakes/route.js b/fit-bite-web/app/api/largeCakes/route.js
new file mode 100644
index 00000000..b4e3771e
--- /dev/null
+++ b/fit-bite-web/app/api/largeCakes/route.js
@@ -0,0 +1,59 @@
+import mongoose from "mongoose";
+// import User from '@/models/UserModel';
+import LargeCake from '@/app/models/LargeCakesModel';
+import { NextResponse } from "next/server";
+// import { largeCake } from '@/app/database/mongooseSchema';
+ // const handler = async (req, res) =>{
+ // const {name, email, password} = req.body
+ // const user = await User.create({
+ // name,
+ // email,
+ // password
+ // })
+ // res.status(201).json({
+ // message: 'User Created Successfully',
+ // user
+ // })
+
+ export async function POST(req) {
+ const payload = await req.json();
+ await mongoose.connect(process.env.MONGODB_URI);
+ let d = new LargeCake(payload);
+ const result = await d.save();
+ return NextResponse.json({ result, success: true });
+ }
+
+ export async function GET() {
+ let LargeCakes =[]
+ let success = true
+ try{
+ await mongoose.connect(process.env.MONGODB_URI);
+ LargeCakes= await LargeCake.find();
+
+ console.log(LargeCakes);
+ // if(user){
+ // if (req.body.Email == user.Email && req.body.Password == user.Password){
+ // // res.status(200).json({success: true}, {username:user.username, Email:user.Email })
+ // return NextResponse.json({success: true, message: 'Successfully Logged in', username:user.username, Email:user.Email})
+ // // username:user.username, Email:user.Email
+ // // return NextResponse.json(JSON.stringify({success: true, message: 'Successfully Loged in'}),{ status: 200, headers: { 'content-type': 'application/json' } }, {username:user.username, Email:user.Email })
+ // }
+
+ // }
+ }catch(e){
+ LargeCakes={result:"error"}
+ success=false
+ // console.log(e);
+ }
+ return NextResponse.json({result:LargeCakes, success});
+ // else {
+ // // If no user is found, send a different response (e.g., success: false)
+ // res.status(200).json({ success: false, message: "User not found" });
+ // }
+ // const payload = await req.json();
+ // await mongoose.connect(process.env.MONGODB_URI);
+ // let user = new User(payload);
+ // const result = await user.save();
+ // return NextResponse.json({ result, success: true });
+ }
+ // ex
\ No newline at end of file
diff --git a/fit-bite-web/app/api/login/route.js b/fit-bite-web/app/api/login/route.js
new file mode 100644
index 00000000..15b59f70
--- /dev/null
+++ b/fit-bite-web/app/api/login/route.js
@@ -0,0 +1,153 @@
+"use server"
+import mongoose from "mongoose";
+import User from "../../models/UserModel";
+import { NextResponse } from "next/server";
+var CryptoJS = require("crypto-js");
+var jwt = require("jsonwebtoken");
+import { cookies } from 'next/headers'
+
+
+// String does not match expected pattern occurs on not parsing the response to JSON or fetching the wrong URL
+
+
+// const handler = async (req, res) =>{
+// const {name, email, password} = req.body
+// const user = await User.create({
+// name,
+// email,
+// password
+// })
+// res.status(201).json({
+// message: 'User Created Successfully',
+// user
+// })
+
+// export async function POST(req, res) {
+// // let user = [];
+// const payload = await req.json();
+// await mongoose.connect(process.env.MONGODB_URI);
+// let user = await User.find({
+// Email: payload.Email,
+// });
+// console.log(user);
+// if (user) {
+// if (
+// payload.Email === user[0].Email &&
+// payload.Password === user[0].Password
+// ) {
+// console.log("Authenticated");
+// // status;
+// // res.status(200).json({success: true}, {username:user.username, Email:user.Email })
+// return NextResponse.json({success: true, message: 'Successfully Logged in', username:user.username, Email:user.Email})
+// // username:user.username, Email:user.Email
+// // return NextResponse.json(JSON.stringify({success: true, message: 'Successfully Loged in'}),{ status: 200, headers: { 'content-type': 'application/json' } }, {username:user.username, Email:user.Email })
+// } else {
+// // message = "Wrong username or Email address";
+// // success = false;
+// // status = 401;
+// return NextResponse.json({success: false, message: "Wrong username or Email address"})
+// }
+// }
+// }
+
+await mongoose.connect(process.env.MONGODB_URI);
+export async function POST(req) {
+ // let user = [];
+ let success = true;
+ let message = "Successfully Logged in";
+ let status = 201;
+ const payload = await req.json();
+
+ // console.log(payload.Email===undefined);
+
+ // if(payload.Email===undefined) {
+ // message="User not found"
+ // }
+ // hhi@mail.com
+ // console.log(payload.Password)
+ // console.log(JSON.parse(encryptedPassword))
+ console.log(payload)
+ const user = await User.find({
+ Email: payload.Email,
+ });
+ console.log(user);
+
+ console.log(payload.Password);
+ if (user.length !== 0) {
+ let decryptedPassword = CryptoJS.AES.decrypt(
+ user[0].Password,
+ process.env.CRYPTO_JS_KEY
+ ).toString(CryptoJS.enc.Utf8);
+ console.log(decryptedPassword);
+
+
+ if (
+ payload.Email === user[0].Email &&
+ payload.Password === decryptedPassword
+ ) {
+ console.log("Authenticated", user[0].Email, user[0].Password);
+ var token = jwt.sign({Email:user[0].Email, username: user[0].username, ContactNumber: user[0].ContactNumber, Address: user[0].Address}, process.env.JWT_SECRET, { expiresIn: '3d' });
+
+ console.log("Token", token)
+ // var objToken = {
+ // token: token,
+ // }
+ //Save Cookies=>
+ // const response = NextResponse.json(token, {status:201} );
+ // response.cookies.set("token", token,{
+ // httpOnly: true
+ // });
+ // return response;
+
+ cookies().set('token', token, { secure: true, httpOnly: true })
+
+ return NextResponse.json(
+ { result: user, success, message,token: token },
+ { status, headers: { "content-type": "application/json" } }
+ );
+ } else {
+ console.log("Wrong password");
+ return NextResponse.json(
+ { success: false, message: "Wrong Password" },
+ { status: 401, headers: { "content-type": "application/json" } }
+ );
+ }
+ } else if (user.length === 0) {
+ console.log("User not found");
+ return NextResponse.json(
+ { result: user, success: false, message: "User not found" },
+ { status: 200, headers: { "content-type": "application/json" } }
+ );
+ }
+
+ // user = { result: "Error" };
+ // success = false;
+ // message = "Invalid Credientials";
+ // status=200
+ // console.log("Error is", e);
+
+ // return NextResponse.json({result:user, success})
+}
+// export async function gettingUserss(userEmail) {
+// await mongoose.connect(process.env.MONGODB_URI);
+// const user = await User.find({
+// Email: userEmail,
+// });
+// console.log(user);
+// // return user
+// }
+
+export async function GET(req) {
+ try {
+
+ let userEmail= req.nextUrl.searchParams.get("userEmail");
+ console.log(userEmail);
+ const users = await User.find({Email:userEmail});
+
+ console.log(users, "from login");
+ return NextResponse.json( { result: users})
+ } catch (error) {
+ console.error('Error fetching users:', error);
+ NextResponse.json({ error: 'Internal Server Error' });
+ }
+}
\ No newline at end of file
diff --git a/fit-bite-web/app/api/orderCount/route.js b/fit-bite-web/app/api/orderCount/route.js
new file mode 100644
index 00000000..f0e62d1f
--- /dev/null
+++ b/fit-bite-web/app/api/orderCount/route.js
@@ -0,0 +1,39 @@
+import mongoose from "mongoose";
+// import User from '@/models/UserModel';
+import Order from "@/app/models/OrderModel";
+import { NextResponse } from "next/server";
+
+ export async function GET() {
+ let users =0;
+ let success = true
+ try{
+ await mongoose.connect(process.env.MONGODB_URI);
+ users= await Order.countDocuments();
+
+ console.log(users);
+ // if(user){
+ // if (req.body.Email == user.Email && req.body.Password == user.Password){
+ // // res.status(200).json({success: true}, {username:user.username, Email:user.Email })
+ // return NextResponse.json({success: true, message: 'Successfully Logged in', username:user.username, Email:user.Email})
+ // // username:user.username, Email:user.Email
+ // // return NextResponse.json(JSON.stringify({success: true, message: 'Successfully Loged in'}),{ status: 200, headers: { 'content-type': 'application/json' } }, {username:user.username, Email:user.Email })
+ // }
+
+ // }
+ }catch(e){
+ users={result:"error"}
+ success=false
+ // console.log(e);
+ }
+ return NextResponse.json({result:users, success});
+ // else {
+ // // If no user is found, send a different response (e.g., success: false)
+ // res.status(200).json({ success: false, message: "User not found" });
+ // }
+ // const payload = await req.json();
+ // await mongoose.connect(process.env.MONGODB_URI);
+ // let user = new User(payload);
+ // const result = await user.save();
+ // return NextResponse.json({ result, success: true });
+ }
+ // ex
\ No newline at end of file
diff --git a/fit-bite-web/app/api/orders/[id]/route.js b/fit-bite-web/app/api/orders/[id]/route.js
new file mode 100644
index 00000000..d2c6774f
--- /dev/null
+++ b/fit-bite-web/app/api/orders/[id]/route.js
@@ -0,0 +1,71 @@
+import Order from "@/app/models/OrderModel";
+import mongoose from "mongoose";
+import { NextResponse } from "next/server";
+
+
+await mongoose.connect(process.env.MONGODB_URI);
+
+export async function PUT(req, content)
+{
+ console.log(content)
+ let orderId = content.params.id
+ let filter = {_id:orderId};
+ let payload = await req.json()
+ console.log(payload)
+ let result = await Order.findOneAndUpdate(filter, payload)
+
+
+ // order = await Order.findOne({ chargeId });
+ // } else {
+ // order = await Order.findByIdAndUpdate(id, { deliveryStatus });
+
+
+return NextResponse.json({result, success: true})
+}
+
+// export async function POST(req, res) {
+// const payload = await req.json();
+// console.log({ payload });
+// const { chargeId, deliveryStatus, id } = payload;
+// // Establish a global connection outside the function
+
+// try {
+// let order;
+// // Find by chargeId first for better search performance
+// if (chargeId) {
+// order = await Order.findOne({ chargeId });
+// } else {
+// order = await Order.findByIdAndUpdate(id, { deliveryStatus });
+// }
+
+// if (!order) {
+// return NextResponse.json({ success: false, message: 'Order not found' });
+// }
+
+// // order.deliveryStatus = deliveryStatus;
+// // await order.save();
+// console.log('updated');
+// return NextResponse.json({ order, success: true });
+// } catch (err) {
+// console.error(err); // Log full error object
+// return NextResponse.json({ success: false, message: 'Internal server error' });
+// }
+
+// // try{
+// // let order = await Order.find({ chargeId: orderId });
+// // console.log(order);
+// // if (!order) {
+// // return res.status(404).json({ message: 'Order not found' });
+// // }
+// // if(order){
+// // order.deliveryStatus = deliveryStatus;
+// // const result = await order.save();
+// // console.log("updated")
+// // return NextResponse.json({ result, success: true });
+// // }
+
+// // }catch(err){
+// // return NextResponse.json({ success: false, message: err.message });
+
+// // }
+// }
diff --git a/fit-bite-web/app/api/orders/route.js b/fit-bite-web/app/api/orders/route.js
new file mode 100644
index 00000000..55e5e796
--- /dev/null
+++ b/fit-bite-web/app/api/orders/route.js
@@ -0,0 +1,100 @@
+import Order from "@/app/models/OrderModel";
+import mongoose from "mongoose";
+import { NextResponse } from "next/server";
+
+
+export async function GET() {
+
+ await mongoose.connect(process.env.MONGODB_URI);
+
+
+ const orders = await Order.find().sort({ createdAt: -1 });
+ if(orders.length > 0){
+ // console.log(orders);
+ return NextResponse.json({ orders, success: true });
+ }
+
+ return NextResponse.json({ success: true });
+
+
+
+}
+
+
+export async function POST(req) {
+ const payload = await req.json();
+ // console.log(payload);
+ const {
+ deliveryStatus,
+ chargeId,
+ userId,
+ orderStatus,
+ amount,
+ paymentMethod,
+ billingEmail,
+ cardBrand,
+ last4Digits,
+ receipt_url,
+ } = payload;
+ console.log(userId, "from route");
+ await mongoose.connect(process.env.MONGODB_URI);
+ // try{
+if(payload.deliveryStatus){
+ let orders = await Order.find({
+ userId
+ }).sort({ createdAt: -1 });
+ try{
+ let Orders = new Order({
+ deliveryStatus,
+ chargeId,
+ userId,
+ orderStatus,
+ amount,
+ paymentMethod,
+ billingEmail,
+ cardBrand,
+ last4Digits,
+ receipt_url,
+ });
+ const result = await Orders.save();
+ return NextResponse.json({ result, orders, success: true }, {status: 201});
+}
+catch(err){
+ console.error(err);
+ console.log(orders, "form catch")
+ return NextResponse.json({ orders, success: true }, {status: 200});
+}
+ // if(orders.length > 0){
+ // console.log(orders);
+ // }
+} else{
+
+ let orders = await Order.find({
+ userId
+ }).sort({ createdAt: -1 });
+ if(orders.length > 0){
+ console.log(orders, "from else block");
+ return NextResponse.json({ orders, success: true });
+ }
+}
+ // return NextResponse.json({ orders:result, success: true });
+// }catch(err){
+// console.log(err);
+ // if(userId){
+ // console.log(userId, "from catch");
+ // const orders1 = await Order.find({
+ // userId,
+ // });
+
+ // if(orders1.length > 0){
+ // console.log(orders1, "from route");
+ // return NextResponse.json({ orders:orders1 });
+ // }
+ // }
+
+
+// return NextResponse.json({ success: false });
+
+
+// }
+}
diff --git a/fit-bite-web/app/api/otherProducts/route.js b/fit-bite-web/app/api/otherProducts/route.js
new file mode 100644
index 00000000..37e720f8
--- /dev/null
+++ b/fit-bite-web/app/api/otherProducts/route.js
@@ -0,0 +1,28 @@
+import mongoose from "mongoose";
+import OtherProduct from "@/app/models/OtherProductModel";
+import { NextResponse } from "next/server";
+
+ export async function GET() {
+ let desserts =[]
+ let success = true
+ try{
+ await mongoose.connect(process.env.MONGODB_URI);
+ desserts= await OtherProduct.find();
+
+ console.log(desserts);
+ // if(user){
+ // if (req.body.Email == user.Email && req.body.Password == user.Password){
+ // // res.status(200).json({success: true}, {username:user.username, Email:user.Email })
+ // return NextResponse.json({success: true, message: 'Successfully Logged in', username:user.username, Email:user.Email})
+ // // username:user.username, Email:user.Email
+ // // return NextResponse.json(JSON.stringify({success: true, message: 'Successfully Loged in'}),{ status: 200, headers: { 'content-type': 'application/json' } }, {username:user.username, Email:user.Email })
+ // }
+
+ // }
+ }catch(e){
+ desserts={result:"error"}
+ success=false
+
+ }
+ return NextResponse.json({result:desserts, success});
+ }
diff --git a/fit-bite-web/app/api/pastries/route.js b/fit-bite-web/app/api/pastries/route.js
new file mode 100644
index 00000000..3f766c19
--- /dev/null
+++ b/fit-bite-web/app/api/pastries/route.js
@@ -0,0 +1,79 @@
+import mongoose from "mongoose";
+// import User from '@/models/UserModel';
+import Pastries from "@/app/models/PastriesModel";
+import { NextResponse } from "next/server";
+
+//Get pastries based on pagination
+export async function GET(req) {
+ let page = req.nextUrl.searchParams.get("page") || 1;
+ let pageSize = 3;
+ let skip = (page - 1) * pageSize;
+ let pastries = [];
+ let success = true;
+ try {
+ await mongoose.connect(process.env.MONGODB_URI);
+ pastries = await Pastries.find().skip(skip).limit(pageSize);
+
+ // console.log(pastries);
+ } catch (e) {
+ pastries = { result: "error" };
+ success = false;
+ // console.log(e);
+ }
+ return NextResponse.json({ result: pastries, success });
+}
+
+
+
+export async function POST(req) {
+ const payload = await req.json();
+ await mongoose.connect(process.env.MONGODB_URI);
+ let d = new Pastries(payload);
+ const result = await d.save();
+ return NextResponse.json({ result, success: true });
+}
+//Get all pastries
+// export async function GET() {
+// let pastries = [];
+// let success = true;
+// try {
+// await mongoose.connect(process.env.MONGODB_URI);
+// pastries = await Pastries.find();
+
+// console.log(pastries);
+// } catch (e) {
+// pastries = { result: "error" };
+// success = false;
+// }
+// return NextResponse.json({ result: pastries, success });
+// }
+
+// if(user){
+// if (req.body.Email == user.Email && req.body.Password == user.Password){
+// // res.status(200).json({success: true}, {username:user.username, Email:user.Email })
+// return NextResponse.json({success: true, message: 'Successfully Logged in', username:user.username, Email:user.Email})
+// // username:user.username, Email:user.Email
+// // return NextResponse.json(JSON.stringify({success: true, message: 'Successfully Loged in'}),{ status: 200, headers: { 'content-type': 'application/json' } }, {username:user.username, Email:user.Email })
+// }
+
+// }
+// if(user){
+// if (req.body.Email == user.Email && req.body.Password == user.Password){
+// // res.status(200).json({success: true}, {username:user.username, Email:user.Email })
+// return NextResponse.json({success: true, message: 'Successfully Logged in', username:user.username, Email:user.Email})
+// // username:user.username, Email:user.Email
+// // return NextResponse.json(JSON.stringify({success: true, message: 'Successfully Loged in'}),{ status: 200, headers: { 'content-type': 'application/json' } }, {username:user.username, Email:user.Email })
+// }
+
+// }
+// console.log(e);
+// else {
+// // If no user is found, send a different response (e.g., success: false)
+// res.status(200).json({ success: false, message: "User not found" });
+// }
+// const payload = await req.json();
+// await mongoose.connect(process.env.MONGODB_URI);
+// let user = new User(payload);
+// const result = await user.save();
+// return NextResponse.json({ result, success: true });
+// ex
diff --git a/fit-bite-web/app/api/restaurants/route.js b/fit-bite-web/app/api/restaurants/route.js
new file mode 100644
index 00000000..521e63be
--- /dev/null
+++ b/fit-bite-web/app/api/restaurants/route.js
@@ -0,0 +1,37 @@
+import Restaurant from "@/app/models/RestaurantModel";
+import mongoose from "mongoose";
+import { NextResponse } from "next/server";
+
+export async function GET(req) {
+ try {
+
+ let userId= req.nextUrl.searchParams.get("userId");
+ console.log({userId});
+ const Restaurants = await Restaurant.find({userId});
+
+ console.log(Restaurants, "from restaurants");
+ return NextResponse.json( { result: Restaurants})
+ } catch (error) {
+ console.error('Error fetching Restaurants:', error);
+ NextResponse.json({ error: 'Internal Server Error' });
+ }
+}
+// export async function GET() {
+// let data = {};
+// try {
+// await mongoose.connect(process.env.MONGODB_URI);
+// data = await Restaurant.find();
+// } catch (error) {
+// data = { success: false };
+// }
+// return NextResponse.json({ result: data, success: true });
+// }
+
+ export async function POST(req) {
+ const payload = await req.json();
+ console.log({payload})
+ await mongoose.connect(process.env.MONGODB_URI);
+ let d = new Restaurant(payload);
+ const result = await d.save();
+ return NextResponse.json({ result, success: true });
+ }
\ No newline at end of file
diff --git a/fit-bite-web/app/api/signup/route.js b/fit-bite-web/app/api/signup/route.js
new file mode 100644
index 00000000..3b6cc00a
--- /dev/null
+++ b/fit-bite-web/app/api/signup/route.js
@@ -0,0 +1,47 @@
+import mongoose from "mongoose";
+import User from "@/app/models/UserModel";
+import { NextResponse } from "next/server";
+var CryptoJS = require("crypto-js");
+// const handler = async (req, res) =>{
+// const {name, email, password} = req.body
+// const user = await User.create({
+// name,
+// email,
+// password
+// })
+// res.status(201).json({
+// message: 'User Created Successfully',
+// user
+// })
+// await mongoose.connect(process.env.MONGODB_URI);
+export async function POST(req) {
+ const payload = await req.json();
+ await mongoose.connect(process.env.MONGODB_URI);
+ const { username, ContactNumber, Address, Email } = payload;
+ let user = new User({ username, ContactNumber, Address, Email, Password: CryptoJS.AES.encrypt(payload.Password, process.env.CRYPTO_JS_KEY).toString() });
+ const result = await user.save();
+ return NextResponse.json({ result, success: true });
+}
+// export async function POST(req, res) {
+// if(req.method === 'POST'){
+// console.log(req.body)
+// let u = new User(req.body)
+// console.log(req.body);
+
+// await u.save()
+// return res.json({ success: true });
+// }else{
+// return res.json({ success: false, message:"faileddd"});
+// // return res.status(400).json({error: "Bad Request, Method not allowed"})
+// }
+// }
+// }
+// export async function POST(req, res) {
+// const payload = await req.json();
+// await mongoose.connect(process.env.MONGODB_URI);
+// let d = new Restaurant(payload);
+// const result = await d.save();
+// return NextResponse.json({ result, success: true });
+// }
+
+// export default connectDb(handler)
diff --git a/fit-bite-web/app/api/smallCakes/route.js b/fit-bite-web/app/api/smallCakes/route.js
new file mode 100644
index 00000000..a2448d36
--- /dev/null
+++ b/fit-bite-web/app/api/smallCakes/route.js
@@ -0,0 +1,58 @@
+import mongoose from "mongoose";
+// import User from '@/models/UserModel';
+import smallCake from '@/app/models/SmallCakesModel';
+import { NextResponse } from "next/server";
+ // const handler = async (req, res) =>{
+ // const {name, email, password} = req.body
+ // const user = await User.create({
+ // name,
+ // email,
+ // password
+ // })
+ // res.status(201).json({
+ // message: 'User Created Successfully',
+ // user
+ // })
+
+ export async function POST(req) {
+ const payload = await req.json();
+ await mongoose.connect(process.env.MONGODB_URI);
+ let d = new smallCake(payload);
+ const result = await d.save();
+ return NextResponse.json({ result, success: true });
+ }
+
+ export async function GET() {
+ let smallCakes =[]
+ let success = true
+ try{
+ await mongoose.connect(process.env.MONGODB_URI);
+ smallCakes= await smallCake.find();
+
+ console.log(smallCakes);
+ // if(user){
+ // if (req.body.Email == user.Email && req.body.Password == user.Password){
+ // // res.status(200).json({success: true}, {username:user.username, Email:user.Email })
+ // return NextResponse.json({success: true, message: 'Successfully Logged in', username:user.username, Email:user.Email})
+ // // username:user.username, Email:user.Email
+ // // return NextResponse.json(JSON.stringify({success: true, message: 'Successfully Loged in'}),{ status: 200, headers: { 'content-type': 'application/json' } }, {username:user.username, Email:user.Email })
+ // }
+
+ // }
+ }catch(e){
+ smallCakes={result:"error"}
+ success=false
+ // console.log(e);
+ }
+ return NextResponse.json({result:smallCakes, success});
+ // else {
+ // // If no user is found, send a different response (e.g., success: false)
+ // res.status(200).json({ success: false, message: "User not found" });
+ // }
+ // const payload = await req.json();
+ // await mongoose.connect(process.env.MONGODB_URI);
+ // let user = new User(payload);
+ // const result = await user.save();
+ // return NextResponse.json({ result, success: true });
+ }
+ // ex
\ No newline at end of file
diff --git a/fit-bite-web/app/api/stripe/route.js b/fit-bite-web/app/api/stripe/route.js
new file mode 100644
index 00000000..cac2fb6d
--- /dev/null
+++ b/fit-bite-web/app/api/stripe/route.js
@@ -0,0 +1,219 @@
+import Stripe from "stripe";
+import { NextResponse } from "next/server";
+const stripe = new Stripe(process.env.NEXT_PUBLIC_STRIPE_SECRET);
+
+export async function POST(req, res) {
+
+ if (req.method === "POST") {
+ // let data = await req.json();
+ // console.log(req.headers);
+ let passedValue = await req.text();
+ // console.log(passedValue, "passed value");
+ let valueToJson = JSON.parse(passedValue);
+ // console.log(valueToJson);
+ const cartData = valueToJson.cartData;
+ const userId = valueToJson.userId;
+ console.log(userId);
+ try {
+ const params = {
+ submit_type: "pay",
+ // payment_method_types: ["card"],
+ billing_address_collection: "auto",
+ shipping_options: [
+ // { shipping_rate: "shr_1OKjBDSHh0F7a44U3SPgGKe2" },
+ { shipping_rate: "shr_1OKjDRSHh0F7a44U2qOkHQc0" },
+ ],
+ line_items: Object.keys(cartData).map((item) => {
+ const { price, productName, image, qty } = cartData[item];
+
+ console.log(productName);
+ console.log((price * 100).toFixed(0));
+ console.log(image);
+ console.log(qty)
+ return {
+ price_data: {
+ currency: "inr",
+ product_data: {
+ name: productName,
+ images: [image],
+ },
+ unit_amount: (price * 100).toFixed(0),
+ },
+ adjustable_quantity: {
+ enabled: true,
+ minimum: 1,
+ },
+ quantity: qty,
+ };
+ }),
+ metadata: {
+ userId,
+ },
+
+ mode: "payment",
+ success_url: `http://localhost:3000/orders?success=true&session_id={CHECKOUT_SESSION_ID}`,
+ cancel_url: `http://localhost:3000/?canceled=true`,
+ };
+
+ const session = await stripe.checkout.sessions.create(params);
+console.log({session},session.url)
+ return NextResponse.json(session);
+ } catch (err) {
+ console.log(err, "err");
+ return NextResponse.json({ message: err.message });
+ }
+ } else {
+ res.setHeader("Allow", "POST");
+ res.status(405).end("Method Not Allowed");
+ }
+}
+
+// Comments Ahead
+
+// async function storeSession(ctx){
+// try {
+// // Assuming the Checkout Session ID is sent as a parameter in the request
+// const { sessionId } = ctx;
+// const session = await stripe.checkout.sessions.retrieve(sessionId);
+// console.log("my Session", session)
+// }catch(err) {
+// console.log(err, "err");
+// }
+// }
+
+export async function GET() {
+ // console.log(sessionInfo);
+ // console.log({session})
+ const session1 = await stripe.checkout.sessions.retrieve('cs_test_a1KBcWZXjvzS0FTR7Ktns0LfelGPcualxbryd1Cu3s4YIg1FNqhtjmUwiC');
+ const paymentIntent = await stripe.paymentIntents.retrieve(
+ // "pi_3OLkg3SHh0F7a44U0iapBSkz"
+ session1.payment_intent
+
+ );
+
+ // let subtotal = paymentIntent.amount;
+ console.log("payment Intent", paymentIntent);
+ const chargeId = paymentIntent.latest_charge;
+
+ if (chargeId) {
+ const charge = await stripe.charges.retrieve(chargeId);
+ console.log("Charge", charge);
+
+ const status = charge.status; // "succeeded"
+ const amount = charge.amount; // 11999 (in the smallest currency unit, e.g., cents)
+ const paymentMethod = charge.payment_method_details.type; // "card"
+ const billingEmail = charge.billing_details.email;
+ // Accessing card details
+ const cardBrand = charge.payment_method_details.card.brand; // "visa"
+ const last4Digits = charge.payment_method_details.card.last4; // "4242"
+ const receipt_url = charge.receipt_url
+ // Example: Log the details
+ console.log("Status:", status);
+ console.log("Invoice:", receipt_url);
+ console.log("Billing Email:", billingEmail);
+ console.log("Amount:", amount/100);
+ console.log("Payment Method:", paymentMethod);
+ console.log("Card Brand:", cardBrand);
+ console.log("Last 4 Digits:", last4Digits);
+ }
+ }
+
+// const invoiceId = charge.invoice;
+
+// if (invoiceId) {
+// const invoice = await stripe.invoices.retrieve(invoiceId);
+// console.log("Invoice", invoice);
+// return NextResponse.json({ invoice: invoice });
+// }
+// return NextResponse.json({ charge: charge});
+// }
+// return NextResponse.json({ chargeid: chargeId });
+// }
+// export async function GET(req, res) {
+// // const transactions = await stripe.issuing.transactions.list({
+// // limit: 3,
+// // });
+// const transaction = await stripe.issuing.transactions.retrieve(
+// // 'pm_1OL1VfSHh0F7a44UD5SElQ6M'
+// // 'pmc_1OL1gISHh0F7a44UgurHyeae'
+// sessionInfo.id
+// );
+// return NextResponse.json({transaction});
+// }
+
+// {
+// id: 'cs_test_a1mGf6uPqe1hWjMzwVCFxbkles9LyWgvPEaV50XHhnUhijAlLnz3xFmISw',
+// object: 'checkout.session',
+// after_expiration: null,
+// allow_promotion_codes: null,
+// amount_subtotal: 1999,
+// amount_total: 11999,
+// automatic_tax: { enabled: false, status: null },
+// billing_address_collection: 'auto',
+// cancel_url: 'http://localhost:3000/?canceled=true',
+// client_reference_id: null,
+// client_secret: null,
+// consent: null,
+// consent_collection: null,
+// created: 1702036742,
+// currency: 'inr',
+// currency_conversion: null,
+// custom_fields: [],
+// custom_text: {
+// shipping_address: null,
+// submit: null,
+// terms_of_service_acceptance: null
+// },
+// customer: null,
+// customer_creation: 'if_required',
+// customer_details: null,
+// customer_email: null,
+// expires_at: 1702123141,
+// invoice: null,
+// invoice_creation: {
+// enabled: false,
+// invoice_data: {
+// account_tax_ids: null,
+// custom_fields: null,
+// description: null,
+// footer: null,
+// metadata: {},
+// rendering_options: null
+// }
+// },
+// livemode: false,
+// locale: null,
+// metadata: {},
+// mode: 'payment',
+// payment_intent: null,
+// payment_link: null,
+// payment_method_collection: 'if_required',
+// payment_method_configuration_details: { id: 'pmc_1OL1gISHh0F7a44UgurHyeae', parent: null },
+// payment_method_options: {},
+// payment_method_types: [ 'card' ],
+// payment_status: 'unpaid',
+// phone_number_collection: { enabled: false },
+// recovered_from: null,
+// setup_intent: null,
+// shipping_address_collection: null,
+// shipping_cost: {
+// amount_subtotal: 10000,
+// amount_tax: 0,
+// amount_total: 10000,
+// shipping_rate: 'shr_1OKjDRSHh0F7a44U2qOkHQc0'
+// },
+// shipping_details: null,
+// shipping_options: [
+// {
+// shipping_amount: 10000,
+// shipping_rate: 'shr_1OKjDRSHh0F7a44U2qOkHQc0'
+// }
+// ],
+// status: 'open',
+// submit_type: 'pay',
+// subscription: null,
+// success_url: 'http://localhost:3000/?success=true',
+// total_details: { amount_discount: 0, amount_shipping: 10000, amount_tax: 0 },
+// ui_mode: 'hosted',
+// url: 'https://checkout.stripe.com/c/pay/cs_test_a1mGf6uPqe1hWjMzwVCFxbkles9LyWgvPEaV50XHhnUhijAlLnz3xFmISw#fidkdWxOYHwnPyd1blpxYHZxWjA0T31QSUtWTW01QzJkMTFQNl89M1FcRHJoXWN3Z3VucmpNcnJQZHZ0TlVnXXdXNU1vaU58UFdTTkZqRHVyd3cySj1MQU1WUnF3an1uUGxXSTBGPE48bWRiNTVHfXRJbmZnaycpJ2N3amhWYHdzYHcnP3F3cGApJ2lkfGpwcVF8dWAnPyd2bGtiaWBabHFgaCcpJ2BrZGdpYFVpZGZgbWppYWB3dic%2FcXdwYHgl'
+// }
diff --git a/fit-bite-web/app/api/testML/route.js b/fit-bite-web/app/api/testML/route.js
new file mode 100644
index 00000000..767eb7e7
--- /dev/null
+++ b/fit-bite-web/app/api/testML/route.js
@@ -0,0 +1,58 @@
+// app/api/upload/route.js
+import { NextResponse } from 'next/server';
+import formidable from 'formidable';
+import { createReadStream } from 'fs';
+import FormData from 'form-data';
+import axios from 'axios';
+import { unlink } from 'fs/promises';
+
+export const config = {
+ api: {
+ bodyParser: false,
+ },
+};
+
+export async function POST(request) {
+ try {
+ const formData = await new Promise((resolve, reject) => {
+ const form = new formidable.IncomingForm();
+ form.parse(request, (err, fields, files) => {
+ if (err) reject(err);
+ resolve({ fields, files });
+ });
+ });
+
+ const file = formData.files.file?.[0];
+ if (!file) {
+ return NextResponse.json(
+ { error: 'No file uploaded' },
+ { status: 400 }
+ );
+ }
+
+ const forwardFormData = new FormData();
+ const fileStream = createReadStream(file.filepath);
+ forwardFormData.append('file', fileStream, file.originalFilename);
+
+ const response = await axios.post(
+ 'http://127.0.0.1:8000/upload_video',
+ forwardFormData,
+ {
+ headers: {
+ ...forwardFormData.getHeaders(),
+ },
+ }
+ );
+
+ // Clean up temporary file
+ await unlink(file.filepath);
+
+ return NextResponse.json(response.data);
+ } catch (error) {
+ console.error('Upload error:', error);
+ return NextResponse.json(
+ { error: error.message || 'Failed to upload video' },
+ { status: 500 }
+ );
+ }
+}
\ No newline at end of file
diff --git a/fit-bite-web/app/api/uploadVideo/route.js b/fit-bite-web/app/api/uploadVideo/route.js
new file mode 100644
index 00000000..0f979c5d
--- /dev/null
+++ b/fit-bite-web/app/api/uploadVideo/route.js
@@ -0,0 +1,22 @@
+import { writeFile } from "fs/promises";
+import { join } from "path";
+import { NextResponse } from "next/server";
+
+export async function POST(req) {
+ try {
+ // Read video file from request
+ const data = await req.arrayBuffer();
+ const buffer = Buffer.from(data);
+
+ // Define path to save the file
+ const videoPath = join(process.cwd(), "public", "uploads", `recorded-video-${Date.now()}.webm`);
+
+ // Save the file locally
+ await writeFile(videoPath, buffer);
+
+ return NextResponse.json({ message: "Video uploaded successfully!", path: videoPath });
+ } catch (error) {
+ console.error("Error saving video:", error);
+ return NextResponse.json({ error: "Failed to save video" }, { status: 500 });
+ }
+}
diff --git a/fit-bite-web/app/api/uploadVideoML/route.js b/fit-bite-web/app/api/uploadVideoML/route.js
new file mode 100644
index 00000000..fd2f52a0
--- /dev/null
+++ b/fit-bite-web/app/api/uploadVideoML/route.js
@@ -0,0 +1,63 @@
+import axios from "axios";
+
+export async function POST(req) {
+ try {
+ // ✅ Convert request to FormData
+ const formData = await req.formData();
+ const file = formData.get("file"); // Extract file directly
+ console.log(file, "file received");
+ if (!file) {
+ return new Response(JSON.stringify({ error: "No file provided" }), { status: 400 });
+ }
+ // const fileBlob = await req.blob();
+ // formData.append("file", fileBlob, "uploaded-video.mp4");
+
+ const backendFormData = new FormData();
+ backendFormData.append("file", file, file.name);
+
+ const newFile = backendFormData.get("file");
+
+ console.log("New file is ", newFile);
+
+ // Send to FastAPI backend
+ const backendResponse = await axios.post("http://localhost:8000/upload_video", backendFormData, {
+ "Content-Type": "multipart/form-data;"
+ });
+ // headers to pass to fetch API in post request when sending image/file in multi-form
+ // headers: {
+ // "Content-Type": "multipart/form-data",
+ // charset:'utf-8',
+ // boundary: Math.random().toString().substr(2)
+
+
+
+ const data = await backendResponse.data;
+ console.log("Backend Response:", JSON.stringify(data));
+
+ return new Response(JSON.stringify(data), { status: backendResponse.status });
+ } catch (error) {
+ console.error("Upload failed:", error);
+ return new Response(JSON.stringify({ error: "Internal server error" }), { status: 500 });
+ }
+}
+
+
+
+// export async function POST(req) {
+// const formData = await req.formData();
+// const file = formData.get("file");
+
+// if (!file) {
+// return new Response(JSON.stringify({ error: "No file provided" }), { status: 400 });
+// }
+// console.log(file)
+// const backendResponse = await fetch("http://localhost:8000/upload_video", {
+// method: "POST",
+// body: {"file":file},
+// });
+
+// const data = await backendResponse.json();
+// console.log(JSON.stringify(data))
+// return new Response(JSON.stringify(data), { status: backendResponse.status });
+// }
+
diff --git a/fit-bite-web/app/api/webhooks/stripe/route.js b/fit-bite-web/app/api/webhooks/stripe/route.js
new file mode 100644
index 00000000..933b4510
--- /dev/null
+++ b/fit-bite-web/app/api/webhooks/stripe/route.js
@@ -0,0 +1,81 @@
+// import Order from "@/models/OrderModel";
+// import { headers } from "next/headers";
+// import { NextResponse } from "next/server";
+// import mongoose from "mongoose";
+// import Stripe from "stripe";
+// const stripe = new Stripe(process.env.NEXT_PUBLIC_STRIPE_SECRET);
+// export async function POST(req, res) {
+// let body = await req.text();
+// let valueToJson = JSON.parse(body);
+// const sig = req.headers["stripe-signature"];
+// let event;
+
+// try {
+// event = stripe.webhooks.constructEvent(
+// valueToJson,
+// sig,
+// process.env.Stripe_Webhook_Secret
+// );
+// } catch (err) {
+// return new Response(
+// `Webhook Error: ${err ? err.message : "Unknown Error"}`
+// );
+// }
+// let session = event.data.object;
+// console.log(session, "session");
+// if (!session?.metadata?.userId) {
+// return new Response(null, { status: 200 });
+// }
+
+// // Handle the event
+// switch (event.type) {
+// case "checkout.session.completed":
+// await mongoose.connect(process.env.MONGODB_URI);
+// const session1 = await stripe.checkout.sessions.retrieve(session.id);
+
+// // let session = event.data.object;
+// let paymentIntentId = session1.payment_intent;
+// const paymentIntent = await stripe.paymentIntents.retrieve(
+// paymentIntentId
+// );
+// // let subtotal = paymentIntent.amount;
+// console.log("payment Intent", paymentIntent);
+// let chargeId = paymentIntent.latest_charge;
+// if (chargeId) {
+// let charge = await stripe.charges.retrieve(chargeId);
+// console.log("Charge", charge);
+
+// let orderStatus = charge.status; // "succeeded"
+// let amount = charge.amount; // 11999 (in the smallest currency unit, e.g., cents)
+// let paymentMethod = charge.payment_method_details.type; // "card"
+// let billingEmail = charge.billing_details.email;
+// // Accessing card details
+// let cardBrand = charge.payment_method_details.card.brand; // "visa"
+// let last4Digits = charge.payment_method_details.card.last4; // "4242"
+// let receipt_url = charge.receipt_url;
+// console.log(userId,
+// orderStatus,
+// amount,
+// paymentMethod,
+// billingEmail,
+// cardBrand,
+// last4Digits,
+// receipt_url)
+// // let order = new Order({
+// // userId,
+// // orderStatus,
+// // amount,
+// // paymentMethod,
+// // billingEmail,
+// // cardBrand,
+// // last4Digits,
+// // receipt_url,
+// // });
+// // await order.save();
+// }
+// default:
+// console.log(`Unhandled event type ${event.type}`);
+// }
+
+// return new Response(null, { status: 200 });
+// }
diff --git a/fit-bite-web/app/chat/page.jsx b/fit-bite-web/app/chat/page.jsx
new file mode 100644
index 00000000..8769d7a6
--- /dev/null
+++ b/fit-bite-web/app/chat/page.jsx
@@ -0,0 +1,58 @@
+"use client";
+import { useState, useEffect, useRef } from "react";
+import { useChat } from "../Context/ChatContext";
+
+const Chat = () => {
+ const { messages, addMessage } = useChat();
+ const [input, setInput] = useState("");
+ const chatEndRef = useRef(null);
+
+ // Scroll to the latest message when new messages arrive
+ useEffect(() => {
+ chatEndRef.current?.scrollIntoView({ behavior: "smooth" });
+ }, [messages]);
+
+ const handleSend = () => {
+ if (!input.trim()) return;
+
+ addMessage(input, "user");
+
+ // Simulate AI response
+ setTimeout(() => {
+ addMessage("Hello! How can I help you?", "ai");
+ }, 1000);
+
+ setInput("");
+ };
+
+ return (
+
+ {!recording ? (
+
+ ) : (
+
+ )}
+
+
+
+ handleChange(event.target.value)
+ } />
+
+
+ {response && (
+
+
+ {/* chat */}
+
+ {JSON.stringify(response, null, 2)}
+
+ )}
+
+
+
+ {messages.map((msg) => (
+
+
+
+
+ ))}
+
+
+ {msg.text}
+
+
+ setInput(e.target.value)}
+ onKeyDown={(e) => e.key === "Enter" && handleSend()}
+ placeholder="Type your message..."
+ />
+
+
+
+
+ );
+};
+
+export default Chat;
diff --git a/fit-bite-web/app/components/AppHeader copy.jsx b/fit-bite-web/app/components/AppHeader copy.jsx
new file mode 100644
index 00000000..18165251
--- /dev/null
+++ b/fit-bite-web/app/components/AppHeader copy.jsx
@@ -0,0 +1,180 @@
+"use client";
+import { ThemeToggleButton } from "../components1/common/ThemeToggleButton";
+import NotificationDropdown from "../components1/header/NotificationDropdown";
+import UserDropdown from "../components1/header/UserDropdown";
+import { useSidebar } from "../Context/SidebarContext";
+import Image from "next/image";
+import Link from "next/link";
+import React, { useState ,useEffect,useRef} from "react";
+
+const AppHeader= () => {
+ const [isApplicationMenuOpen, setApplicationMenuOpen] = useState(false);
+
+ const { isMobileOpen, toggleSidebar, toggleMobileSidebar } = useSidebar();
+
+ const handleToggle = () => {
+ if (window.innerWidth >= 991) {
+ toggleSidebar();
+ } else {
+ toggleMobileSidebar();
+ }
+ };
+
+ const toggleApplicationMenu = () => {
+ setApplicationMenuOpen(!isApplicationMenuOpen);
+ };
+ const inputRef = useRef(null);
+
+ useEffect(() => {
+ const handleKeyDown = (event) => {
+ if ((event.metaKey || event.ctrlKey) && event.key === "k") {
+ event.preventDefault();
+ inputRef.current?.focus();
+ }
+ };
+
+ document.addEventListener("keydown", handleKeyDown);
+
+ return () => {
+ document.removeEventListener("keydown", handleKeyDown);
+ };
+ }, []);
+
+ return (
+
+ {messages.map((msg) => (
+
+
+
+
+ ))}
+
+
+ {msg.text}
+
+
+ setInput(e.target.value)}
+ onKeyDown={(e) => e.key === "Enter" && handleSend()}
+ placeholder="Type your message..."
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* */}
+
+ {/* */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* */}
+
+ {/* */}
+ -
+ {console.log({navItems})}
+ {navItems && navItems.map((nav, index) => (
+
-
+ {nav.subItems ? (
+
+ ) : (
+ nav.path && (
+
+
+ {nav.icon}
+
+ {(isExpanded || isHovered || isMobileOpen) && (
+ {nav.name}
+ )}
+
+ )
+ )}
+ {nav.subItems && (isExpanded || isHovered || isMobileOpen) && (
+ { + subMenuRefs.current[`${menuType}-${index}`] = el; + }} + className="overflow-hidden transition-all duration-300" + style={{ + height: + openSubmenu?.type === menuType && openSubmenu?.index === index + ? `${subMenuHeight[`${menuType}-${index}`]}px` + : "0px", + }} + > ++ )} +
-
+ {nav.subItems.map((subItem) => (
+
- + + {subItem.name} + + {subItem.new && ( + + new + + )} + {subItem.pro && ( + + pro + + )} + + + + ))} +
+ ))}
+
+
+ {Object.keys(Cart).length===0 &&
+ )
+}
+
+export default CartLayout
\ No newline at end of file
diff --git a/fit-bite-web/app/components/Ecommerce/CountryMap.jsx b/fit-bite-web/app/components/Ecommerce/CountryMap.jsx
new file mode 100644
index 00000000..ce7c0384
--- /dev/null
+++ b/fit-bite-web/app/components/Ecommerce/CountryMap.jsx
@@ -0,0 +1,123 @@
+import React from "react";
+// import { VectorMap } from "@react-jvectormap/core";
+import { worldMill } from "@react-jvectormap/world";
+import dynamic from "next/dynamic";
+
+const VectorMap = dynamic(
+ () => import("@react-jvectormap/core").then((mod) => mod.VectorMap),
+ { ssr: false }
+);
+
+// // Define the component props
+// interface CountryMapProps {
+// mapColor?: string;
+// }
+
+// type MarkerStyle = {
+// initial: {
+// fill: string;
+// r: number; // Radius for markers
+// };
+// };
+
+// type Marker = {
+// latLng: [number, number];
+// name: string;
+// style?: {
+// fill: string;
+// borderWidth: number;
+// borderColor: string;
+// stroke?: string;
+// strokeOpacity?: number;
+// };
+// };
+
+const CountryMap= ({ mapColor }) => {
+ return (
+ No items in the cart
}
+
+ {Object.keys(Cart).map((k) => {
+ return
+
+{/*
+
+
+
;
+ })}
+
+
+
+
+ + {Cart[k].productName} +
+{Cart[k].price}
+ {/*${Cart[k].price.toFixed(2)}
*/} +
+{/* {Cart[k].description}: image url */}
+
+
+
+ {Cart[k].qty}
+
+
+ ${subTotal.toFixed(2)}
*/} +{/* {!shouldHideButtons && ( */} +{/* {!shouldHideButtons && ( */} +{/*
+
+
+)} */}
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/Ecommerce/MonthlySalesChart.jsx b/fit-bite-web/app/components/Ecommerce/MonthlySalesChart.jsx
new file mode 100644
index 00000000..a9313c8b
--- /dev/null
+++ b/fit-bite-web/app/components/Ecommerce/MonthlySalesChart.jsx
@@ -0,0 +1,155 @@
+"use client";
+import { ApexOptions } from "apexcharts";
+import dynamic from "next/dynamic";
+import { MoreDotIcon } from "../icons";
+import { DropdownItem } from "../ui/dropdown/DropdownItem";
+import { useState } from "react";
+import { Dropdown } from "../ui/dropdown/Dropdown";
+import Image from "next/image";
+
+// Dynamically import the ReactApexChart component
+const ReactApexChart = dynamic(() => import("react-apexcharts"), {
+ ssr: false,
+});
+
+export default function MonthlySalesChart() {
+ const options= {
+ colors: ["#465fff"],
+ chart: {
+ fontFamily: "Outfit, sans-serif",
+ type: "bar",
+ height: 180,
+ toolbar: {
+ show: false,
+ },
+ },
+ plotOptions: {
+ bar: {
+ horizontal: false,
+ columnWidth: "39%",
+ borderRadius: 5,
+ borderRadiusApplication: "end",
+ },
+ },
+ dataLabels: {
+ enabled: false,
+ },
+ stroke: {
+ show: true,
+ width: 4,
+ colors: ["transparent"],
+ },
+ xaxis: {
+ categories: [
+ "Jan",
+ "Feb",
+ "Mar",
+ "Apr",
+ "May",
+ "Jun",
+ "Jul",
+ "Aug",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dec",
+ ],
+ axisBorder: {
+ show: false,
+ },
+ axisTicks: {
+ show: false,
+ },
+ },
+ legend: {
+ show: true,
+ position: "top",
+ horizontalAlign: "left",
+ fontFamily: "Outfit",
+ },
+ yaxis: {
+ title: {
+ text: undefined,
+ },
+ },
+ grid: {
+ yaxis: {
+ lines: {
+ show: true,
+ },
+ },
+ },
+ fill: {
+ opacity: 1,
+ },
+
+ tooltip: {
+ x: {
+ show: false,
+ },
+ y: {
+ formatter: (val) => `${val}`,
+ },
+ },
+ };
+ const series = [
+ {
+ name: "Sales",
+ data: [168, 385, 201, 298, 187, 195, 291, 110, 215, 390, 280, 112],
+ },
+ ];
+ const [isOpen, setIsOpen] = useState(false);
+
+ function toggleDropdown() {
+ setIsOpen(!isOpen);
+ }
+
+ function closeDropdown() {
+ setIsOpen(false);
+ }
+
+ return (
+
+
+
+
+
+ + Customers Demographic +
++ Number of customer based on country +
+
+
+
+
+ View More
+
+
+ Delete
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + USA +
+ + 2,379 Customers + +
+
+
+
+
+ + 79% +
+
+
+
+
+
+
+
+
+
+ + France +
+ + 589 Customers + +
+
+
+
+
+ + 23% +
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/Ecommerce/MonthlyTarget.jsx b/fit-bite-web/app/components/Ecommerce/MonthlyTarget.jsx
new file mode 100644
index 00000000..5ecf6711
--- /dev/null
+++ b/fit-bite-web/app/components/Ecommerce/MonthlyTarget.jsx
@@ -0,0 +1,210 @@
+"use client";
+// import Chart from "react-apexcharts";
+import { ApexOptions } from "apexcharts";
+
+import dynamic from "next/dynamic";
+import { Dropdown } from "../ui/dropdown/Dropdown";
+import { MoreDotIcon } from "../icons";
+import { useState } from "react";
+import { DropdownItem } from "../ui/dropdown/DropdownItem";
+import Image from "next/image";
+// Dynamically import the ReactApexChart component
+const ReactApexChart = dynamic(() => import("react-apexcharts"), {
+ ssr: false,
+});
+
+export default function MonthlyTarget() {
+ const series = [75.55];
+ const options = {
+ colors: ["#465FFF"],
+ chart: {
+ fontFamily: "Outfit, sans-serif",
+ type: "radialBar",
+ height: 330,
+ sparkline: {
+ enabled: true,
+ },
+ },
+ plotOptions: {
+ radialBar: {
+ startAngle: -85,
+ endAngle: 85,
+ hollow: {
+ size: "80%",
+ },
+ track: {
+ background: "#E4E7EC",
+ strokeWidth: "100%",
+ margin: 5, // margin is in pixels
+ },
+ dataLabels: {
+ name: {
+ show: false,
+ },
+ value: {
+ fontSize: "36px",
+ fontWeight: "600",
+ offsetY: -40,
+ color: "#1D2939",
+ formatter: function (val) {
+ return val + "%";
+ },
+ },
+ },
+ },
+ },
+ fill: {
+ type: "solid",
+ colors: ["#465FFF"],
+ },
+ stroke: {
+ lineCap: "round",
+ },
+ labels: ["Progress"],
+ };
+
+ const [isOpen, setIsOpen] = useState(false);
+
+ function toggleDropdown() {
+ setIsOpen(!isOpen);
+ }
+
+ function closeDropdown() {
+ setIsOpen(false);
+ }
+
+ return (
+
+
+
+ + Monthly Sales +
+ +
+
+
+
+ View More
+
+
+ Delete
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/Ecommerce/RecentOrders.jsx b/fit-bite-web/app/components/Ecommerce/RecentOrders.jsx
new file mode 100644
index 00000000..f7ec6538
--- /dev/null
+++ b/fit-bite-web/app/components/Ecommerce/RecentOrders.jsx
@@ -0,0 +1,211 @@
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHeader,
+ TableRow,
+} from "../ui/table";
+import Badge from "../ui/badge/Badge";
+import Image from "next/image";
+
+// Define the TypeScript interface for the table rows
+// interface Product {
+// id: number; // Unique identifier for each product
+// name: string; // Product name
+// variants: string; // Number of variants (e.g., "1 Variant", "2 Variants")
+// category: string; // Category of the product
+// price: string; // Price of the product (as a string with currency symbol)
+// // status: string; // Status of the product
+// image: string; // URL or path to the product image
+// status: "Delivered" | "Pending" | "Canceled"; // Status of the product
+// }
+
+// Define the table data using the interface
+const tableData = [
+ {
+ id: 1,
+ name: "MacBook Pro 13”",
+ variants: "2 Variants",
+ category: "Laptop",
+ price: "$2399.00",
+ status: "Delivered",
+ image: "/images/product/product-01.jpg", // Replace with actual image URL
+ },
+ {
+ id: 2,
+ name: "Apple Watch Ultra",
+ variants: "1 Variant",
+ category: "Watch",
+ price: "$879.00",
+ status: "Pending",
+ image: "/images/product/product-02.jpg", // Replace with actual image URL
+ },
+ {
+ id: 3,
+ name: "iPhone 15 Pro Max",
+ variants: "2 Variants",
+ category: "SmartPhone",
+ price: "$1869.00",
+ status: "Delivered",
+ image: "/images/product/product-03.jpg", // Replace with actual image URL
+ },
+ {
+ id: 4,
+ name: "iPad Pro 3rd Gen",
+ variants: "2 Variants",
+ category: "Electronics",
+ price: "$1699.00",
+ status: "Canceled",
+ image: "/images/product/product-04.jpg", // Replace with actual image URL
+ },
+ {
+ id: 5,
+ name: "AirPods Pro 2nd Gen",
+ variants: "1 Variant",
+ category: "Accessories",
+ price: "$240.00",
+ status: "Delivered",
+ image: "/images/product/product-05.jpg", // Replace with actual image URL
+ },
+];
+
+export default function RecentOrders() {
+ return (
+
+
+
+
+
+
+
+ + Monthly Target +
++ Target you’ve set for each month +
+
+
+
+
+ View More
+
+
+ Delete
+
+
+
+
+
+
+
+
+
+ +10%
+
+ + You earn $3287 today, it's higher than last month. Keep up your + good work! +
+
+
+
+
+
+
+
+ + Target +
++ $20K + +
+
+
+
+
+
+ + Revenue +
++ $20K + +
+
+
+ + Today +
++ $20K + +
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/Ecommerce/StatisticsChart.jsx b/fit-bite-web/app/components/Ecommerce/StatisticsChart.jsx
new file mode 100644
index 00000000..a2b38d30
--- /dev/null
+++ b/fit-bite-web/app/components/Ecommerce/StatisticsChart.jsx
@@ -0,0 +1,150 @@
+"use client";
+import React from "react";
+// import Chart from "react-apexcharts";
+import { ApexOptions } from "apexcharts";
+import ChartTab from "../common/ChartTab";
+import dynamic from "next/dynamic";
+
+// Dynamically import the ReactApexChart component
+const ReactApexChart = dynamic(() => import("react-apexcharts"), {
+ ssr: false,
+});
+
+export default function StatisticsChart() {
+ const options= {
+ legend: {
+ show: false, // Hide legend
+ position: "top",
+ horizontalAlign: "left",
+ },
+ colors: ["#465FFF", "#9CB9FF"], // Define line colors
+ chart: {
+ fontFamily: "Outfit, sans-serif",
+ height: 310,
+ type: "line", // Set the chart type to 'line'
+ toolbar: {
+ show: false, // Hide chart toolbar
+ },
+ },
+ stroke: {
+ curve: "straight", // Define the line style (straight, smooth, or step)
+ width: [2, 2], // Line width for each dataset
+ },
+
+ fill: {
+ type: "gradient",
+ gradient: {
+ opacityFrom: 0.55,
+ opacityTo: 0,
+ },
+ },
+ markers: {
+ size: 0, // Size of the marker points
+ strokeColors: "#fff", // Marker border color
+ strokeWidth: 2,
+ hover: {
+ size: 6, // Marker size on hover
+ },
+ },
+ grid: {
+ xaxis: {
+ lines: {
+ show: false, // Hide grid lines on x-axis
+ },
+ },
+ yaxis: {
+ lines: {
+ show: true, // Show grid lines on y-axis
+ },
+ },
+ },
+ dataLabels: {
+ enabled: false, // Disable data labels
+ },
+ tooltip: {
+ enabled: true, // Enable tooltip
+ x: {
+ format: "dd MMM yyyy", // Format for x-axis tooltip
+ },
+ },
+ xaxis: {
+ type: "category", // Category-based x-axis
+ categories: [
+ "Jan",
+ "Feb",
+ "Mar",
+ "Apr",
+ "May",
+ "Jun",
+ "Jul",
+ "Aug",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dec",
+ ],
+ axisBorder: {
+ show: false, // Hide x-axis border
+ },
+ axisTicks: {
+ show: false, // Hide x-axis ticks
+ },
+ tooltip: {
+ enabled: false, // Disable tooltip for x-axis points
+ },
+ },
+ yaxis: {
+ labels: {
+ style: {
+ fontSize: "12px", // Adjust font size for y-axis labels
+ colors: ["#6B7280"], // Color of the labels
+ },
+ },
+ title: {
+ text: "", // Remove y-axis title
+ style: {
+ fontSize: "0px",
+ },
+ },
+ },
+ };
+
+ const series = [
+ {
+ name: "Sales",
+ data: [180, 190, 170, 160, 175, 165, 170, 205, 230, 210, 240, 235],
+ },
+ {
+ name: "Revenue",
+ data: [40, 30, 50, 40, 55, 40, 70, 100, 110, 120, 150, 140],
+ },
+ ];
+ return (
+
+
+
+
+
+ + Recent Orders +
+
+
+
+
+
+
+ {/* Table Header */}
+
+
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/Ecommerce/page.jsx b/fit-bite-web/app/components/Ecommerce/page.jsx
new file mode 100644
index 00000000..56800b81
--- /dev/null
+++ b/fit-bite-web/app/components/Ecommerce/page.jsx
@@ -0,0 +1,43 @@
+"use client"
+
+import React from "react";
+import EcommerceMetrics from "../components/EcommerceMetrics";
+import MonthlyTarget from "../components/Ecommerce/MonthlyTarget";
+import MonthlySalesChart from "../components/Ecommerce/MonthlySalesChart";
+import StatisticsChart from "../components/Ecommerce/StatisticsChart";
+import RecentOrders from "../components/Ecommerce/RecentOrders";
+import DemographicCard from "../components/Ecommerce/DemographicCard";
+
+// export const metadata = {
+// title:
+// "Next.js E-commerce Dashboard | TailAdmin - Next.js Dashboard Template",
+// description: "This is Next.js Home for TailAdmin Dashboard Template",
+// };
+
+export default function Ecommerce() {
+ return (
+
+
+
+
+
+ + Statistics +
++ Target you’ve set for each month +
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/EcommerceMetrics.jsx b/fit-bite-web/app/components/EcommerceMetrics.jsx
new file mode 100644
index 00000000..c6f987ef
--- /dev/null
+++ b/fit-bite-web/app/components/EcommerceMetrics.jsx
@@ -0,0 +1,98 @@
+"use client"
+import React, { useState, useEffect } from 'react'
+// import { GroupIcon } from './icons'
+import Image from 'next/image'
+import { ArrowDownIcon } from './icons'
+import Badge from './ui/badge/Badge'
+import { useRouter } from 'next/navigation'
+function EcommerceMetrics() {
+ const [dessertData, setDessertData] = useState(0);
+ const [orderData, setorderData] = useState(0);
+ const router = useRouter();
+ async function render() {
+ try {
+ const response = await fetch("/api/ecommerce", {
+ method: "GET",
+ });
+ let res = await response.json();
+ // console.log(res);
+ if (response.status === 200) {
+ setDessertData(res.result);
+ // console.log(res.result, "response orders");
+ }
+ }catch (err) {
+ console.log(err)
+ }
+ }
+ async function render2() {
+ try {
+ const response = await fetch("/api/orderCount", {
+ method: "GET",
+ });
+ let res = await response.json();
+ // console.log(res);
+ if (response.status === 200) {
+ setorderData(res.result);
+ // console.log(res.result, "response orders");
+ }
+ }catch (err) {
+ console.log(err)
+ }
+ }
+
+ useEffect(() => {
+ render()
+ render2()
+ }, []);
+ return (
+
+
+
+
+ {/*
+
+
+ {/*
+
+
+ {/*
+
+
+ {/*
+
+ {/* */}
+
+ )
+}
+
+export default EcommerceMetrics
\ No newline at end of file
diff --git a/fit-bite-web/app/components/Filter.jsx b/fit-bite-web/app/components/Filter.jsx
new file mode 100644
index 00000000..419c2b16
--- /dev/null
+++ b/fit-bite-web/app/components/Filter.jsx
@@ -0,0 +1,65 @@
+"use client"
+import { useState } from "react";
+
+
+
+const Filters = ({ onFilterChange }) => {
+ const [filters, setFilters] = useState({
+ minCalories: "",
+ maxCalories: "",
+ minCarbs: "",
+ maxCarbs: "",
+ minFat: "",
+ maxFat: "",
+ minProtein: "",
+ maxProtein: "",
+ });
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setFilters((prev) => ({
+ ...prev,
+ [name]: value,
+ }));
+ };
+
+ const applyFilters = () => {
+ onFilterChange(filters);
+ };
+
+ return (
+
+
+ {/* */}
+
+ {/* */}
+
+ {/*
+
+
+
+
+
+
+
+ Customers
+
+
+ + {dessertData} +
+
+
+ {/* */}
+
+
+
+
+
+
+
+
+ Orders
+
+
+ + {orderData} +
+
+
+ );
+};
+
+export default Filters;
diff --git a/fit-bite-web/app/components/FinalRestaurantCreation.jsx b/fit-bite-web/app/components/FinalRestaurantCreation.jsx
new file mode 100644
index 00000000..750033ad
--- /dev/null
+++ b/fit-bite-web/app/components/FinalRestaurantCreation.jsx
@@ -0,0 +1,110 @@
+import React from "react";
+
+function FinalRestaurantCreation({
+ jsonData,
+ filteredItems,
+ activeStep,
+ setActiveStep,
+ setFormData0,
+}) {
+ // const jsonDataObj = JSON.parse(jsonData);
+ // console.log(activeStep);
+
+ const handleSubmit = () => {
+ // console.log("Hello", jsonData);
+ // console.log(filteredItems);
+ // console.log(activeStep);
+ setFormData0({
+ restaurantName: "",
+ restaurantContactNumber: 0,
+ restaurantEmail: "",
+ restaurantAddress: "",
+ restaurantLat: 0,
+ restaurantLng: 0,
+ });
+ setActiveStep(1);
+ // console.log(jsonDataObj.restaurantName)
+ };
+
+ return (
+ Filters
+
+ {["Calories", "Carbs", "Fat", "Protein"].map((nutrient) => (
+
+
+
+
+
+
+
+
+ ))}
+
+
+
+
+ );
+}
+
+export default FinalRestaurantCreation;
diff --git a/fit-bite-web/app/components/Footer.jsx b/fit-bite-web/app/components/Footer.jsx
new file mode 100644
index 00000000..7318c663
--- /dev/null
+++ b/fit-bite-web/app/components/Footer.jsx
@@ -0,0 +1,97 @@
+import Image from "next/image";
+import Link from "next/link";
+import React from "react";
+
+function Footer() {
+ return (
+
+ );
+}
+
+export default Footer;
diff --git a/fit-bite-web/app/components/Navbar.jsx b/fit-bite-web/app/components/Navbar.jsx
new file mode 100644
index 00000000..31150a46
--- /dev/null
+++ b/fit-bite-web/app/components/Navbar.jsx
@@ -0,0 +1,379 @@
+"use client";
+import Image from "next/image";
+import Link from "next/link";
+import React from "react";
+import {
+ Popover,
+ PopoverContent,
+ PopoverTrigger,
+} from "./ui/popover";
+// import { cartLength } from "../functions/cart";
+import { UserContext } from "../Context/UserProvider";
+import { useEffect, useState } from "react";
+function Navbar() {
+ const { loggedIn, login, logout, contextLoading, cartData } =
+ React.useContext(UserContext);
+ // if (!user.value) {
+ // // Render loading indicator or alternative content while user data is fetching
+ // return ;
+ // }
+ const [dropdown, setDropdown] = useState(false);
+ // const [userExists, setuserExists] = useState();
+
+ useEffect(() => {
+ // const token = localStorage.getItem("token");
+ // console.log("token", token);
+ // if (token) {
+ // setuserExists({ value: token });
+ // }
+ if (!contextLoading) {
+ login()
+ if (loggedIn) {
+ login();
+ // console.log(user);
+ } else {
+ console.log("User is not logged in");
+ // console.log(user);
+ }
+ }
+ }, [contextLoading, loggedIn, login]);
+ // console.log(userExists);
+ const toggleDropdown = () => {
+ // console.log(dropdown)
+ setDropdown(!dropdown);
+ };
+ // // login()
+ // console.log('User:', user);
+ // console.log('Logged In:', loggedIn);
+ // console.log("User", user);
+ // console.log(loggedIn, login, logout, user)
+ // console.log(loggedIn, login, logout, user);
+
+ return (
+
+
+ + Get ready with your menu card 🎉 +
++ Submitted Successfully ❤ +
+ ++ Restaurant Name:{" "} + {jsonData.restaurantName} +
++ Restaurant Contact Number:{" "} + + {jsonData.restaurantContactNumber} + +
++ Restaurant E-mail:{" "} + {jsonData.restaurantEmail} +
++ Restaurant Address:{" "} + {jsonData.restaurantAddress} +
++ Restaurant Latitude:{" "} + {jsonData.restaurantLat} +
++ Restaurant Longitude:{" "} + {jsonData.restaurantLng} +
+ {/*-
+ {jsonDataObj.map((item) => (
+
-
+
Name: {item.name}
+Description: {item.description}
+
+ ))}
+
RestaurantType
+ {filteredItems.map((item, index) => ( +-
+ {/* //
-
+
+ Name: {item.name} +
++ Description:{" "} + {item.description} +
+ {/*
*/}
+
*/}
+
+ + Our team will soon reach out to you! +
+
+
+
+
+
+
+
+
+
+ Dishes
+
+
+ Add Restaurant
+
+ {/* Login */}
+
+ Create Account
+
+
+
+
+
+
+
+
+
+
+
+ {/* {user?.value ? (
+
+ ) : (
+ <>
+
+
+
+
+ )} */}
+
+ {/* */}
+
+ {/* ) => void;
+// children: ReactNode;
+// className?: string;
+// }
+
+const Form = ({ onSubmit, children, className }) => {
+ return (
+
+ );
+};
+
+export default Form;
diff --git a/fit-bite-web/app/components/form/Label.jsx b/fit-bite-web/app/components/form/Label.jsx
new file mode 100644
index 00000000..52a96ad1
--- /dev/null
+++ b/fit-bite-web/app/components/form/Label.jsx
@@ -0,0 +1,27 @@
+import React, { FC, ReactNode } from "react";
+import { twMerge } from "tailwind-merge";
+
+// interface LabelProps {
+// htmlFor?: string;
+// children: ReactNode;
+// className?: string;
+// }
+
+const Label = ({ htmlFor, children, className }) => {
+ return (
+
+ );
+};
+
+export default Label;
diff --git a/fit-bite-web/app/components/form/MultiSelect.jsx b/fit-bite-web/app/components/form/MultiSelect.jsx
new file mode 100644
index 00000000..c55fa1b1
--- /dev/null
+++ b/fit-bite-web/app/components/form/MultiSelect.jsx
@@ -0,0 +1,166 @@
+import React, { useState } from "react";
+
+// interface Option {
+// value: string;
+// text: string;
+// selected: boolean;
+// }
+
+// interface MultiSelectProps {
+// label: string;
+// options: Option[];
+// defaultSelected?: string[];
+// onChange?: (selected: string[]) => void;
+// disabled?: boolean;
+// }
+
+const MultiSelect = ({
+ label,
+ options,
+ defaultSelected = [],
+ onChange,
+ disabled = false,
+}) => {
+ const [selectedOptions, setSelectedOptions] =
+ useState(defaultSelected);
+ const [isOpen, setIsOpen] = useState(false);
+
+ const toggleDropdown = () => {
+ if (disabled) return;
+ setIsOpen((prev) => !prev);
+ };
+
+ const handleSelect = (optionValue) => {
+ const newSelectedOptions = selectedOptions.includes(optionValue)
+ ? selectedOptions.filter((value) => value !== optionValue)
+ : [...selectedOptions, optionValue];
+
+ setSelectedOptions(newSelectedOptions);
+ if (onChange) onChange(newSelectedOptions);
+ };
+
+ const removeOption = (index, value) => {
+ const newSelectedOptions = selectedOptions.filter((opt) => opt !== value);
+ setSelectedOptions(newSelectedOptions);
+ if (onChange) onChange(newSelectedOptions);
+ };
+
+ const selectedValuesText = selectedOptions.map(
+ (value) => options.find((option) => option.value === value)?.text || ""
+ );
+
+ return (
+ (defaultValue);
+
+ const handleChange = (e) => {
+ const value = e.target.value;
+ setSelectedValue(value);
+ onChange(value); // Trigger parent handler
+ };
+
+ return (
+
+ );
+};
+
+export default Select;
diff --git a/fit-bite-web/app/components/form/example-form/BasicForm.jsx b/fit-bite-web/app/components/form/example-form/BasicForm.jsx
new file mode 100644
index 00000000..a3bcf346
--- /dev/null
+++ b/fit-bite-web/app/components/form/example-form/BasicForm.jsx
@@ -0,0 +1,38 @@
+"use client";
+import React from "react";
+import ComponentCard from "../../common/ComponentCard";
+import Form from "../Form";
+import Input from "../input/InputField";
+import Button from "../../ui/button/Button";
+
+export default function BasicForm() {
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ console.log("Form submitted:");
+ };
+ return (
+
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/form/example-form/ExampleFormOne.jsx b/fit-bite-web/app/components/form/example-form/ExampleFormOne.jsx
new file mode 100644
index 00000000..5224c8c4
--- /dev/null
+++ b/fit-bite-web/app/components/form/example-form/ExampleFormOne.jsx
@@ -0,0 +1,81 @@
+"use client";
+import React, { useState } from "react";
+import ComponentCard from "../../common/ComponentCard";
+import Form from "../Form";
+import Label from "../Label";
+import Input from "../input/InputField";
+import Select from "../Select";
+import TextArea from "../input/TextArea";
+import Button from "../../ui/button/Button";
+import { PaperPlaneIcon } from "../../../icons";
+
+export default function ExampleFormOne() {
+ const [message, setMessage] = useState("");
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ console.log("Form submitted:");
+ };
+ const options = [
+ { value: "marketing", label: "Option 1" },
+ { value: "template", label: "Option 2" },
+ { value: "development", label: "Option 3" },
+ ];
+ const handleSelectChange = (value) => {
+ console.log("Selected value:", value);
+ };
+
+ const handleTextareaChange = (value) => {
+ setMessage(value);
+ console.log("Message:", value);
+ };
+ return (
+
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/form/example-form/ExampleFormTwo.jsx b/fit-bite-web/app/components/form/example-form/ExampleFormTwo.jsx
new file mode 100644
index 00000000..3dfe4fb5
--- /dev/null
+++ b/fit-bite-web/app/components/form/example-form/ExampleFormTwo.jsx
@@ -0,0 +1,166 @@
+"use client";
+import React, { useState } from "react";
+import ComponentCard from "../../common/ComponentCard";
+import Label from "../Label";
+import Input from "../input/InputField";
+import Select from "../Select";
+import Radio from "../input/Radio";
+import Form from "../Form";
+import { CalenderIcon } from "../../../icons";
+import Button from "../../ui/button/Button";
+import Flatpickr from "react-flatpickr";
+import "flatpickr/dist/themes/light.css";
+
+export default function ExampleFormTwo() {
+ const [selectedOption, setSelectedOption] = useState("Free");
+ const [dateOfBirth, setDateOfBirth] = useState("");
+
+ const handleDateChange = (date) => {
+ setDateOfBirth(date[0].toLocaleDateString()); // Handle selected date and format it
+ };
+
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ console.log("Form submitted:");
+ };
+
+ const optionsGender = [
+ { value: "male", label: "Male" },
+ { value: "female", label: "Female" },
+ { value: "other", label: "Others" },
+ ];
+ const categoryOptions = [
+ { value: "cate1", label: "Category 1" },
+ { value: "cate2", label: "Category 2" },
+ { value: "cate3", label: "Category 3" },
+ ];
+ const country = [
+ { value: "bd", label: "Bangladesh" },
+ { value: "usa", label: "United States" },
+ { value: "canada", label: "Canada" },
+ ];
+ const handleSelectGender = (value) => {
+ console.log("Selected value:", value);
+ };
+
+ const handleRadioChange = (value) => {
+ setSelectedOption(value);
+ console.log("Selected:", value);
+ };
+ return (
+
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/form/example-form/ExampleFormWithIcon.jsx b/fit-bite-web/app/components/form/example-form/ExampleFormWithIcon.jsx
new file mode 100644
index 00000000..b16698ca
--- /dev/null
+++ b/fit-bite-web/app/components/form/example-form/ExampleFormWithIcon.jsx
@@ -0,0 +1,86 @@
+"use client";
+import React, { useState } from "react";
+import ComponentCard from "../../common/ComponentCard";
+import Form from "../Form";
+import Input from "../input/InputField";
+import {
+ ArrowRightIcon,
+ EnvelopeIcon,
+ LockIcon,
+ UserIcon,
+} from "../../../icons";
+import Checkbox from "../input/Checkbox";
+import Label from "../Label";
+import Button from "../../ui/button/Button";
+
+export default function ExampleFormWithIcon() {
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ console.log("Form submitted:");
+ };
+
+ const [isChecked, setIsChecked] = useState(false);
+ return (
+
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/form/form-elements/CheckboxComponents.jsx b/fit-bite-web/app/components/form/form-elements/CheckboxComponents.jsx
new file mode 100644
index 00000000..7fda30d2
--- /dev/null
+++ b/fit-bite-web/app/components/form/form-elements/CheckboxComponents.jsx
@@ -0,0 +1,37 @@
+"use client";
+import React, { useState } from "react";
+import ComponentCard from "../../common/ComponentCard";
+import Checkbox from "../input/Checkbox";
+
+export default function CheckboxComponents() {
+ const [isChecked, setIsChecked] = useState(false);
+ const [isCheckedTwo, setIsCheckedTwo] = useState(true);
+ const [isCheckedDisabled, setIsCheckedDisabled] = useState(true);
+ return (
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/form/form-elements/DefaultInputs.jsx b/fit-bite-web/app/components/form/form-elements/DefaultInputs.jsx
new file mode 100644
index 00000000..6b79105f
--- /dev/null
+++ b/fit-bite-web/app/components/form/form-elements/DefaultInputs.jsx
@@ -0,0 +1,115 @@
+"use client";
+import React, { useState } from "react";
+import ComponentCard from "../../common/ComponentCard";
+import Label from "../Label";
+import Input from "../input/InputField";
+import Select from "../Select";
+import { CalenderIcon, EyeCloseIcon, EyeIcon, TimeIcon } from "../../../icons";
+
+export default function DefaultInputs() {
+ const [showPassword, setShowPassword] = useState(false);
+ const options = [
+ { value: "marketing", label: "Marketing" },
+ { value: "template", label: "Template" },
+ { value: "development", label: "Development" },
+ ];
+ const handleSelectChange = (value) => {
+ console.log("Selected value:", value);
+ };
+ return (
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/form/form-elements/DropZone.jsx b/fit-bite-web/app/components/form/form-elements/DropZone.jsx
new file mode 100644
index 00000000..07a68ef6
--- /dev/null
+++ b/fit-bite-web/app/components/form/form-elements/DropZone.jsx
@@ -0,0 +1,77 @@
+"use client";
+import React from "react";
+import ComponentCard from "../../common/ComponentCard";
+import { useDropzone } from "react-dropzone";
+
+const DropzoneComponent= () => {
+ const onDrop = (acceptedFiles) => {
+ console.log("Files dropped:", acceptedFiles);
+ // Handle file uploads here
+ };
+
+ const { getRootProps, getInputProps, isDragActive } = useDropzone({
+ onDrop,
+ accept: {
+ "image/png": [],
+ "image/jpeg": [],
+ "image/webp": [],
+ "image/svg+xml": [],
+ },
+ });
+ return (
+
+
+ );
+};
+
+export default DropzoneComponent;
diff --git a/fit-bite-web/app/components/form/form-elements/FileInputExample.jsx b/fit-bite-web/app/components/form/form-elements/FileInputExample.jsx
new file mode 100644
index 00000000..09be7d75
--- /dev/null
+++ b/fit-bite-web/app/components/form/form-elements/FileInputExample.jsx
@@ -0,0 +1,23 @@
+"use client";
+import React from "react";
+import ComponentCard from "../../common/ComponentCard";
+import FileInput from "../input/FileInput";
+import Label from "../Label";
+
+export default function FileInputExample() {
+ const handleFileChange = (event) => {
+ const file = event.target.files?.[0];
+ if (file) {
+ console.log("Selected file:", file.name);
+ }
+ };
+
+ return (
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/form/form-elements/InputGroup.jsx b/fit-bite-web/app/components/form/form-elements/InputGroup.jsx
new file mode 100644
index 00000000..10e78e75
--- /dev/null
+++ b/fit-bite-web/app/components/form/form-elements/InputGroup.jsx
@@ -0,0 +1,57 @@
+"use client";
+import React from "react";
+import ComponentCard from "../../common/ComponentCard";
+import Label from "../Label";
+import Input from "../input/InputField";
+import { EnvelopeIcon } from "../../../icons";
+import PhoneInput from "../group-input/PhoneInput";
+import Image from "next/image";
+
+export default function InputGroup() {
+ const countries = [
+ { code: "US", label: "+1" },
+ { code: "GB", label: "+44" },
+ { code: "CA", label: "+1" },
+ { code: "AU", label: "+61" },
+ ];
+ const handlePhoneNumberChange = (phoneNumber) => {
+ console.log("Updated phone number:", phoneNumber);
+ };
+ return (
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/form/form-elements/InputStates.jsx b/fit-bite-web/app/components/form/form-elements/InputStates.jsx
new file mode 100644
index 00000000..dfc2fae9
--- /dev/null
+++ b/fit-bite-web/app/components/form/form-elements/InputStates.jsx
@@ -0,0 +1,70 @@
+"use client";
+import React, { useState } from "react";
+import ComponentCard from "../../common/ComponentCard";
+import Input from "../input/InputField";
+import Label from "../Label";
+
+export default function InputStates() {
+ const [email, setEmail] = useState("");
+ const [error, setError] = useState(false);
+
+ // Simulate a validation check
+ const validateEmail = (value) => {
+ const isValidEmail =
+ /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(value);
+ setError(!isValidEmail);
+ return isValidEmail;
+ };
+
+ const handleEmailChange = (e) => {
+ const value = e.target.value;
+ setEmail(value);
+ validateEmail(value);
+ };
+ return (
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/form/form-elements/RadioButtons.jsx b/fit-bite-web/app/components/form/form-elements/RadioButtons.jsx
new file mode 100644
index 00000000..9ea27db8
--- /dev/null
+++ b/fit-bite-web/app/components/form/form-elements/RadioButtons.jsx
@@ -0,0 +1,43 @@
+"use client";
+import React, { useState } from "react";
+import ComponentCard from "../../common/ComponentCard";
+import Radio from "../input/Radio";
+
+export default function RadioButtons() {
+ const [selectedValue, setSelectedValue] = useState("option2");
+
+ const handleRadioChange = (value) => {
+ setSelectedValue(value);
+ };
+ return (
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/form/form-elements/SelectInputs.jsx b/fit-bite-web/app/components/form/form-elements/SelectInputs.jsx
new file mode 100644
index 00000000..78c7a86a
--- /dev/null
+++ b/fit-bite-web/app/components/form/form-elements/SelectInputs.jsx
@@ -0,0 +1,55 @@
+"use client";
+import React, { useState } from "react";
+import ComponentCard from "../../common/ComponentCard";
+import Label from "../Label";
+import Select from "../Select";
+import MultiSelect from "../MultiSelect";
+
+export default function SelectInputs() {
+ const options = [
+ { value: "marketing", label: "Marketing" },
+ { value: "template", label: "Template" },
+ { value: "development", label: "Development" },
+ ];
+
+ const [selectedValues, setSelectedValues] = useState([]);
+
+ const handleSelectChange = (value) => {
+ console.log("Selected value:", value);
+ };
+
+ const multiOptions = [
+ { value: "1", text: "Option 1", selected: false },
+ { value: "2", text: "Option 2", selected: false },
+ { value: "3", text: "Option 3", selected: false },
+ { value: "4", text: "Option 4", selected: false },
+ { value: "5", text: "Option 5", selected: false },
+ ];
+
+ return (
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/form/form-elements/TextAreaInput.jsx b/fit-bite-web/app/components/form/form-elements/TextAreaInput.jsx
new file mode 100644
index 00000000..692e4bf2
--- /dev/null
+++ b/fit-bite-web/app/components/form/form-elements/TextAreaInput.jsx
@@ -0,0 +1,43 @@
+"use client";
+import React, { useState } from "react";
+import ComponentCard from "../../common/ComponentCard";
+import TextArea from "../input/TextArea";
+import Label from "../Label";
+
+export default function TextAreaInput() {
+ const [message, setMessage] = useState("");
+ const [messageTwo, setMessageTwo] = useState("");
+ return (
+
+
+
+
+
*/}
+ {/* Dishes */}
+
+ {/* {user?.value ? (
+
+ ) : (
+ <>
+
+
+
+
+ )}
+ */}
+ {/* {user.value ? (
+
+
+ ) : (
+
+ <>
+
+
+
+
+ )} */}
+ {/* items: {item.length}
+ {item.name} */}
+
+
+
+
+ Home
+ -
+
- + Category 1= + +
- + Category 2 + +
- + Category 3 + +
*/}
+
+ {loggedIn ? (
+ <>
+
+ Account
+
+
+
+
+
+
+
+
+ {cartData}
+
+
+ {/*
+ {}
+ */}
+
+
+
+
+ );
+}
+
+export default Navbar;
diff --git a/fit-bite-web/app/components/RestaurantType.jsx b/fit-bite-web/app/components/RestaurantType.jsx
new file mode 100644
index 00000000..99169efe
--- /dev/null
+++ b/fit-bite-web/app/components/RestaurantType.jsx
@@ -0,0 +1,95 @@
+"use client";
+import React, { useState } from "react";
+import restaurantTypeData from "../add-restaurant/restaurantTypeData";
+import RestaurantVerification from "./RestaurantVerification";
+
+function RestaurantType({ activeStep , formData, setActiveStep, setFormData}) {
+ // Create an array of states to track the clicked state for each container
+
+ const [containerStates, setContainerStates] = useState(
+ new Array(6).fill(false) // Assuming you have 6 containers, initialize all to false
+ );
+ const jsonData = JSON.stringify(formData, null, 2);
+
+ // Function to handle the click event for a specific container
+ const handleContainerClick = (index) => {
+ // Create a copy of the containerStates array and toggle the state of the clicked container
+ const updatedStates = [...containerStates];
+ updatedStates[index] = !updatedStates[index];//WIll set that thing to true
+ setContainerStates(updatedStates);
+ };
+ // const [submitted, setSubmitted] = useState(false);
+ const trueIndices = containerStates
+ .map((value, index) => (value ? index : null))
+ .filter((index) => index !== null);
+ // console.log(trueIndices);
+
+ const filteredItems = trueIndices.map((index) => restaurantTypeData[index]);
+// console.log(filteredItems)
+const handleSubmit=()=>{
+ setActiveStep(3)
+ // setSubmitted(true);
+ // setContainerStates(Array(6).fill(false))
+ // console.log(filteredItems);
+ // console.log(jsonData)
+}
+ return (
+
+
+ Orders
+
+
+
+
+ Logout
+
+
+
+ ) : (
+
+
+
+ )}
+
+ {/* Restaurant Type */}
+
+
+
+
+
+
+ );
+}
+export default RestaurantType;
diff --git a/fit-bite-web/app/components/RestaurantVerification.jsx b/fit-bite-web/app/components/RestaurantVerification.jsx
new file mode 100644
index 00000000..5e65aa0e
--- /dev/null
+++ b/fit-bite-web/app/components/RestaurantVerification.jsx
@@ -0,0 +1,345 @@
+ "use client"
+import React, { useState } from "react";
+import FinalRestaurantCreation from "./FinalRestaurantCreation";
+import { ToastContainer, toast } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import { CldUploadWidget } from 'next-cloudinary';
+function RestaurantVerification({
+ jsonData,
+ filteredItems,
+ activeStep,
+ setActiveStep,
+ setFormData0,
+}) {
+ const jsonDataObj = JSON.parse(jsonData);
+ const [submitted, setSubmitted] = useState(false);
+ const [isClicked, setIsClicked] = useState(false);
+ const [fileUploaded, setFileUploaded] = useState(false);
+ const [file, setFile] = useState("");
+ //Find filtered items
+
+ const mappedItems = filteredItems.map((item) => {
+ // Here, you can access and manipulate each item as needed
+ // const itemName = item.name;
+ // const itemDescription = item.description;
+
+ // Perform your desired operations on the item
+ // console.log(
+ // `Item ${index + 1}: Name - ${itemName}, Description - ${itemDescription}`
+ // );
+
+ // You can also return a modified version of the item
+ return {
+ ...item,
+ // Add or modify properties here
+ };
+ });
+// console.log({mappedItems})
+ // Output the mapped items
+ // console.log("Mapped items:", mappedItems);
+ // console.log(jsonDataObj);
+ const [formData, setFormData] = useState({
+ restaurantName: "",
+ restaurantContactNumber: 0,
+ restaurantEmail: "",
+ restaurantAddress: "",
+ restaurantLat: 0,
+ restaurantLng: 0,
+ file:"",
+ restaurantType: {
+ items: [
+ {
+ name: "",
+ description: "",
+ },
+ {
+ name: "",
+ description: "",
+ },
+ {
+ name: "",
+ description: "",
+ },
+ {
+ name: "",
+ description: "",
+ },
+ {
+ name: "",
+ description: "",
+ },
+ {
+ name: "",
+ description: "",
+ },
+ ],
+ },
+ });
+
+ // console.log("filtereditems", filteredItems);
+ // console.log("Mapped items:", mappedItems[0]?.name);
+ // console.log(jsonDataObj.restaurantName);
+
+ const set = () => {
+ console.log("set called")
+ console.log({file})
+ setIsClicked(true);
+ setFormData({
+ userId: jsonDataObj.userId,
+ restaurantName: jsonDataObj.restaurantName,
+ restaurantContactNumber: jsonDataObj.restaurantContactNumber,
+ restaurantEmail: jsonDataObj.restaurantEmail,
+ restaurantAddress: jsonDataObj.restaurantAddress,
+ restaurantLat: jsonDataObj.restaurantLat,
+ restaurantLng: jsonDataObj.restaurantLng,
+ restaurantImage:file,
+ restaurantType: {
+ items: mappedItems,
+ },
+ });
+ };
+ const handleSubmit = async () => {
+ // console.log("Hello", jsonData);
+ // console.log(filteredItems);
+ // console.log(activeStep);
+ // console.log("Form Data original", formData);
+ // console.log(jsonDataObj.restaurantName);
+
+ // setFormData1((prevData)=>({
+ // // ...prevData,
+ // restaurantName: jsonDataObj.restaurantName,
+ // restaurantContactNumber: jsonDataObj.restaurantContactNumber,
+ // restaurantEmail: jsonDataObj.restaurantEmail,
+ // restaurantAddress: jsonDataObj.restaurantAddress,
+ // restaurantLat: jsonDataObj.restaurantLat,
+ // restaurantLng: jsonDataObj.restaurantLng,
+ // restaurantType: {
+ // items: [
+ // {
+ // name: mappedItems[0]?.name,
+ // description: mappedItems[0]?.description,
+ // },
+ // {
+ // name: mappedItems[1]?.name,
+ // description: mappedItems[1]?.description,
+ // },
+ // {
+ // name: mappedItems[2]?.name,
+ // description: mappedItems[2]?.description,
+ // },
+ // {
+ // name: mappedItems[3]?.name,
+ // description: mappedItems[3]?.description,
+ // },
+ // {
+ // name: mappedItems[4]?.name,
+ // description: mappedItems[4]?.description,
+ // },
+ // {
+ // name: mappedItems[5]?.name,
+ // description: mappedItems[5]?.description,
+ // },
+ // ],
+ // },
+ // }));
+
+ //Submit Form Data
+ // Convert form data to JSON
+ const jsonDataFinal = JSON.stringify(formData, null, 2);
+ console.log({jsonDataFinal}, jsonDataObj)
+ // console.log("String form Data Final", jsonDataFinal);
+ try {
+ const response = await fetch("/api/restaurants", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: jsonDataFinal,
+ });
+
+ if (response.status === 200) {
+ console.log("Form data submitted successfully");
+ toast.success("😎 Where is your menu card?🎉", {
+ position: "bottom-center",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "dark",
+ });
+ setSubmitted(true);
+ setActiveStep(4);
+ } else {
+ toast.error("👹 Invalid Data!", {
+ position: "bottom-center",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "dark",
+ });
+ console.error("Form submission failed");
+ }
+ } catch (error) {
+ console.error("Error:", error);
+ }
+ };
+
+ return (
+
+
+
+
+ + Restaurant Type +
++ Please select from following types of restaurants. +
+
+ {restaurantTypeData.map((restaurantType, index) => (
+
+
+ {/* {submitted && (
+ handleContainerClick(index)}
+ >
+
+ ))}
+
+
+
+ {restaurantType.icon}
+
+ + {restaurantType.name} +
++ {restaurantType.description} +
+
+
+ )} */}
+ Submitted successfully!
+ +
+
+
+
+ );
+}
+
+export default RestaurantVerification;
diff --git a/fit-bite-web/app/components/SidebarWidget.jsx b/fit-bite-web/app/components/SidebarWidget.jsx
new file mode 100644
index 00000000..917908c9
--- /dev/null
+++ b/fit-bite-web/app/components/SidebarWidget.jsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+export default function SidebarWidget() {
+ return (
+
+
+
+ {/* {
+ // console.log("File added:", file);
+ console.log({results}, 'Results from callback func');//this works
+ console.log('Public ID', results.info.public_id);
+ results && results.info.public_id ? setFile(results.info.public_id):console.log('No file uploaded');
+ setFileUploaded(true);
+
+ className="text-gray-400 text-md mt-5"
+ }} >
+
+ {({ open, results }) => {
+ console.log({results}, 'Results from render prop');//data.event.files[0].uploadInfo.public_id
+ return ;
+ }}
+ */}
+ {
+ // console.log("File added:", file);
+ setFileUploaded(true);
+ console.log({results}, 'Results from callback func');//this works
+ console.log('Public ID', results.info.public_id);
+ let public_id = results.info.public_id;
+ results && results.info.public_id ? setFile(results.info.public_id):console.log('No file uploaded');
+ setFile(public_id);
+
+
+ }} >
+ {/* UPLOAD */}
+ {({ open, results }) => {
+ console.log({results}, 'Results from render prop');//data.event.files[0].uploadInfo.public_id
+
+ return ;
+ }}
+
+ {filteredItems.map((item, index) => (
+
+ {submitted && (
+ RestaurantVerification:
++ +
+ ++ Verify Restaurant Details +
++ Restaurant Name:{" "} + {jsonDataObj.restaurantName} +
++ Restaurant Contact Number:{" "} + + {" "} + {jsonDataObj.restaurantContactNumber} + +
++ Restaurant E-mail:{" "} + {jsonDataObj.restaurantEmail} +
++ Restaurant Address:{" "} + + {jsonDataObj.restaurantAddress} + +
++ Restaurant Latitude:{" "} + {jsonDataObj.restaurantLat} +
++ Restaurant Longitude:{" "} + {jsonDataObj.restaurantLng} +
+ {/*-
+ {jsonDataObj.map((item) => (
+
-
+
Name: {item.name}
+Description: {item.description}
+
+ ))}
+
RestaurantType
+-
+
-
+
+ Name: {item.name} +
++ Description:{" "} + {item.description} +
+
+
+
+ )}
+ Form submitted successfully!
+ +
+
+ );
+}
diff --git a/fit-bite-web/app/components/Tabs.jsx b/fit-bite-web/app/components/Tabs.jsx
new file mode 100644
index 00000000..f3b4ba1c
--- /dev/null
+++ b/fit-bite-web/app/components/Tabs.jsx
@@ -0,0 +1,111 @@
+import React from "react";
+function Tabs({ activeStep, setActiveStep }) {
+ const handleStepClick = (step) => {
+ setActiveStep(step);
+ };
+ return (
+ + #1 Tailwind CSS Dashboard +
++ Leading Tailwind CSS Admin Template with 400+ UI Component and Pages. +
+ + Upgrade To Pro + +
+
+
+
+
+ );
+}
+
+export default Tabs;
diff --git a/fit-bite-web/app/components/common/ChartTab.jsx b/fit-bite-web/app/components/common/ChartTab.jsx
new file mode 100644
index 00000000..c456e620
--- /dev/null
+++ b/fit-bite-web/app/components/common/ChartTab.jsx
@@ -0,0 +1,43 @@
+import React, { useState } from "react";
+
+const ChartTab = () => {
+ const [selected, setSelected] = useState("optionOne");
+
+ const getButtonClass = (option) =>
+ selected === option
+ ? "shadow-theme-xs text-gray-900 dark:text-white bg-white dark:bg-gray-800"
+ : "text-gray-500 dark:text-gray-400";
+
+ return (
+
+ 
+
+
+
+ {/* handleStepClick(1)} + > + + STEP 1 +
+ +handleStepClick(2)} + > + + STEP 2 +
+ + ++ + STEP 3 +
+ + ++ + + STEP 4 +
+
+
*/}
+ + Master Cleanse Reliac Heirloom +
++ Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical + gentrify, subway tile poke farm-to-table. Franzen you probably + haven't heard of them man bun deep jianbing selfies heirloom prism + food truck ugh squid celiac humblebrag. +
+
+
+
+
+
+
+
+ );
+};
+
+export default ChartTab;
diff --git a/fit-bite-web/app/components/common/ComponentCard.jsx b/fit-bite-web/app/components/common/ComponentCard.jsx
new file mode 100644
index 00000000..6b2705f2
--- /dev/null
+++ b/fit-bite-web/app/components/common/ComponentCard.jsx
@@ -0,0 +1,40 @@
+import React from "react";
+
+// interface ComponentCardProps {
+// title: string;
+// children: React.ReactNode;
+// className?: string; // Additional custom classes for styling
+// desc?: string; // Description text
+// }
+
+const ComponentCard = ({
+ title,
+ children,
+ className = "",
+ desc = "",
+}) => {
+ return (
+
+ {/* Card Header */}
+
+ );
+};
+
+export default ComponentCard;
diff --git a/fit-bite-web/app/components/common/GridShape.jsx b/fit-bite-web/app/components/common/GridShape.jsx
new file mode 100644
index 00000000..47a3c1e5
--- /dev/null
+++ b/fit-bite-web/app/components/common/GridShape.jsx
@@ -0,0 +1,25 @@
+import Image from "next/image";
+import React from "react";
+
+export default function GridShape() {
+ return (
+ <>
+
+
+
+ {/* Card Body */}
+ + {title} +
+ {desc && ( ++ {desc} +
+ )} +
+
+ {children}
+
+
+
+
+
+ );
+}
diff --git a/fit-bite-web/app/components/common/PageBreadCrumb.jsx b/fit-bite-web/app/components/common/PageBreadCrumb.jsx
new file mode 100644
index 00000000..6ec84d89
--- /dev/null
+++ b/fit-bite-web/app/components/common/PageBreadCrumb.jsx
@@ -0,0 +1,52 @@
+import Link from "next/link";
+import React from "react";
+
+// interface BreadcrumbProps {
+// pageTitle: string;
+// }
+
+const PageBreadcrumb = ({ pageTitle }) => {
+ return (
+
+
+ );
+};
+
+export default PageBreadcrumb;
diff --git a/fit-bite-web/app/components/common/ThemeToggleButton.jsx b/fit-bite-web/app/components/common/ThemeToggleButton.jsx
new file mode 100644
index 00000000..c08dfde6
--- /dev/null
+++ b/fit-bite-web/app/components/common/ThemeToggleButton.jsx
@@ -0,0 +1,42 @@
+import React from "react";
+import { useTheme } from "../../Context/ThemeContext";
+
+export const ThemeToggleButton = () => {
+ const { toggleTheme } = useTheme();
+
+ return (
+
+ );
+};
diff --git a/fit-bite-web/app/components/form/Form.jsx b/fit-bite-web/app/components/form/Form.jsx
new file mode 100644
index 00000000..f523a512
--- /dev/null
+++ b/fit-bite-web/app/components/form/Form.jsx
@@ -0,0 +1,23 @@
+import React, { FC, ReactNode, FormEvent } from "react";
+
+// interface FormProps {
+// onSubmit: (event: FormEvent+ {pageTitle} +
+ +
+
+
+
+ );
+};
+
+export default MultiSelect;
diff --git a/fit-bite-web/app/components/form/Select.jsx b/fit-bite-web/app/components/form/Select.jsx
new file mode 100644
index 00000000..bd1b5d43
--- /dev/null
+++ b/fit-bite-web/app/components/form/Select.jsx
@@ -0,0 +1,64 @@
+import React, { useState } from "react";
+
+// interface Option {
+// value: string;
+// label: string;
+// }
+
+// interface SelectProps {
+// options: Option[];
+// placeholder?: string;
+// onChange: (value: string) => void;
+// className?: string;
+// defaultValue?: string;
+// }
+
+const Select= ({
+ options,
+ placeholder = "Select an option",
+ onChange,
+ className = "",
+ defaultValue = "",
+}) => {
+ // Manage the selected value
+ const [selectedValue, setSelectedValue] = useState
+
+
+
+
+
+
+ {isOpen && (
+
+
+
+ {selectedValuesText.length > 0 ? (
+ selectedValuesText.map((text, index) => (
+
+
+ {text}
+
+ ))
+ ) : (
+
+ )}
+
+
+
+ removeOption(index, selectedOptions[index])
+ }
+ className="pl-2 text-gray-500 cursor-pointer group-hover:text-gray-400 dark:text-gray-400"
+ >
+
+
+
+
+
+ e.stopPropagation()}
+ >
+
+ )}
+
+ {options.map((option, index) => (
+
+
+
+ ))}
+ handleSelect(option.value)}
+ >
+
+
+
+
+ {option.text}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ console.log(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+ console.log(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{" "}
+
+
+
+
+ {/* Error Input */}
+
+
+
+
+
+
+ {/* Success Input */}
+
+
+
+
+
+ {/* Disabled Input */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setSelectedValues(values)}
+ />
+
+ + Selected Values: {selectedValues.join(", ")} +
+
+ {/* Default TextArea */}
+
+
+