diff --git a/src/pages/ContactUs.jsx b/src/pages/ContactUs.jsx
new file mode 100644
index 0000000..ad47bd8
--- /dev/null
+++ b/src/pages/ContactUs.jsx
@@ -0,0 +1,167 @@
+import React, { useRef, useState } from "react";
+import { motion } from "framer-motion";
+import emailjs from "@emailjs/browser";
+import axios from "axios";
+
+
+const Contact = () => {
+ const formRef = useRef();
+ const [form, setForm] = useState({
+ name: "",
+ email: "",
+ message: "",
+ });
+
+ const [loading, setLoading] = useState(false);
+
+ const handleChange = (e) => {
+ const { target } = e;
+ const { name, value } = target;
+
+ setForm({
+ ...form,
+ [name]: value,
+ });
+ };
+
+ const handleEmailSubmit = async (e) => {
+ e.preventDefault();
+ setLoading(true);
+
+ try {
+ await emailjs.send(
+ 'process.env.SERVICE_ID',//write service id here
+ 'process.env.TEMPLETS_ID',//write templet id here
+ {
+ from_name: form.name,
+ to_name: "FoodiesWeb",
+ from_email: form.email,
+ to_email: "info@foodiweb.com",
+ message: form.message,
+ },
+ 'process.env.PUBLIC_KEY' //write public_key here
+ );
+
+
+
+
+ setLoading(false);
+ alert("Thank you. I will get back to you as soon as possible.");
+
+ setForm({
+ name: "",
+ email: "",
+ message: "",
+ });
+ } catch (error) {
+ setLoading(false);
+ console.error(error);
+
+ alert("Sorry, something went wrong while sending your message. Please try again later.");
+ }
+ };
+ const handleSaveToDB = async (e) => {
+ e.preventDefault();
+ setLoading(true);
+
+ try {
+ // Save to MongoDB
+ await axios.post('http://localhost:3000/api/contact', form);
+
+ setLoading(false);
+ alert("Your message has been saved to the database.");
+
+ setForm({
+ name: "",
+ email: "",
+ message: "",
+ });
+ } catch (error) {
+ setLoading(false);
+ console.error(error);
+ alert("Sorry, something went wrong while saving your message to the database. Please try again later.");
+ }
+ };
+
+ return (
+
+
Get in touch
+
Contact Us.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Contact;
diff --git a/src/pages/EditProfile.jsx b/src/pages/EditProfile.jsx
new file mode 100644
index 0000000..aa5192d
--- /dev/null
+++ b/src/pages/EditProfile.jsx
@@ -0,0 +1,194 @@
+import React, { useState, useEffect } from 'react';
+import { useParams, useNavigate } from 'react-router-dom';
+import Navbar from '../components/Navbar';
+
+const EditProfile = () => {
+ const { _id } = useParams(); // Assuming you have canteen ID in the URL
+ const navigate = useNavigate(); // useNavigate hook for navigation
+ const [edit, setEditable] = useState(false);
+ const [formData, setFormData] = useState({
+ name: '',
+ email: '',
+ collegeName: '',
+ canteenImage: '', // Placeholder for the image URL or base64 string
+ });
+ const [loading, setLoading] = useState(true);
+ const token = localStorage.getItem("token");
+
+ const fetchCanteenData = async () => {
+ try {
+ const getCanteen = await fetch(`http://localhost:8000/api/v1/getcanteen`, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ });
+ const res = await getCanteen.json();
+ const canteenData = res.data.find(canteen => canteen._id === _id);
+ if (canteenData) {
+ setFormData({
+ name: canteenData.name,
+ email: canteenData.email,
+ collegeName: canteenData.collegeName,
+ canteenImage: canteenData.canteenImage || '', // Set the default value or an empty string
+ });
+ }
+ } catch (error) {
+ console.error('Error fetching canteen data:', error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ useEffect(() => {
+ fetchCanteenData();
+ }, [_id]);
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setFormData((prevData) => ({
+ ...prevData,
+ [name]: value,
+ }));
+ };
+
+ const handleImageChange = (e) => {
+ const file = e.target.files[0];
+ if (file) {
+ const reader = new FileReader();
+ reader.onloadend = () => {
+ setFormData((prevData) => ({
+ ...prevData,
+ canteenImage: reader.result,
+ }));
+ };
+ reader.readAsDataURL(file);
+ }
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ try {
+ const response = await fetch(`http://localhost:8000/api/v1/${_id}/update`, {
+ method: 'PUT',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Authorization': `Bearer ${token}`
+ },
+ body: JSON.stringify(formData),
+ });
+ const result = await response.json();
+ console.log(result);
+ window.location.reload();
+ } catch (error) {
+ console.error('Error updating profile:', error);
+ }
+ };
+
+ if (loading) {
+ return
Loading...
;
+ }
+
+ return (
+ <>
+
+
+
Edit Profile
+
+
+
+
+ );
+};
+
+export default EditProfile;
diff --git a/src/pages/Foodlist.jsx b/src/pages/Foodlist.jsx
new file mode 100644
index 0000000..cda6993
--- /dev/null
+++ b/src/pages/Foodlist.jsx
@@ -0,0 +1,315 @@
+import React, { useState, useEffect, useContext } from "react";
+import { useParams } from "react-router-dom";
+import Navbar from "../components/Navbar";
+import Loader from "../components/Loader/Loader";
+import Footer from "../components/Footer";
+import { ThemeContext } from "../themeContext";
+import { toast } from "react-hot-toast";
+import axios from "axios";
+import Modalupdate from "../components/Modal-update"; // Import the modal component
+
+const Foodlist = () => {
+ const { _id } = useParams();
+ const [breakfast, setBreakfast] = useState();
+ const [lunch, setLunch] = useState();
+ const [dinner, setDinner] = useState();
+ const [loading, setLoading] = useState(false);
+ const [editModal, setEditModal] = useState(false);
+ const [currentDish, setCurrentDish] = useState({});
+ const { theme } = useContext(ThemeContext);
+
+ const getFoodData = async (mealType, setMeal) => {
+ try {
+ setLoading(true);
+ const response = await fetch(
+ `http://localhost:8000/api/v1/${_id}/${mealType}`,
+ {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ }
+ );
+ const res = await response.json();
+ setMeal(res);
+ } catch (error) {
+ console.error(error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const handleDelete = async (_id, mealType) => {
+ try {
+ const token = localStorage.getItem("token"); // Retrieve token from local storage
+ if (!token) {
+ toast.error("Token is missing. Please log in.");
+ return;
+ }
+
+ await axios.delete(
+ `http://localhost:8000/api/v1/${_id}/${mealType}/remove`,
+ {
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`, // Include the token in the Authorization header
+ },
+ data: {
+ _id,
+ },
+ }
+ );
+ toast.success("Food item deleted successfully!");
+ // Re-fetch the data to update the list
+ getFoodData("breakfast", setBreakfast);
+ getFoodData("lunch", setLunch);
+ getFoodData("dinner", setDinner);
+ } catch (error) {
+ console.error("Error deleting food item: ", error);
+ toast.error("Failed to delete food item.");
+ }
+ };
+
+ const handleEditClick = (dish, mealType) => {
+ setCurrentDish({ ...dish, mealType });
+ setEditModal(true);
+ };
+
+ const handleUpdateDish = async (updatedDish) => {
+ try {
+ const token = localStorage.getItem("token"); // Retrieve token from local storage
+ if (!token) {
+ toast.error("Token is missing. Please log in.");
+ return;
+ }
+
+ await axios.put(
+ `http://localhost:8000/api/v1/${_id}/${currentDish.mealType}/updateitem`,
+ {
+ dishId: currentDish._id,
+ dish: updatedDish,
+ },
+ {
+ headers: {
+ "Content-Type": "application/json",
+ Authorization: `Bearer ${token}`, // Include the token in the Authorization header
+ }
+ }
+ );
+
+ toast.success("Dish updated successfully!");
+ setEditModal(false);
+ // Re-fetch the data to update the list
+ getFoodData("breakfast", setBreakfast);
+ getFoodData("lunch", setLunch);
+ getFoodData("dinner", setDinner);
+ } catch (error) {
+ console.error("Error updating dish: ", error);
+ toast.error("Failed to update dish.");
+ }
+ };
+
+ useEffect(() => {
+ getFoodData("breakfast", setBreakfast);
+ getFoodData("lunch", setLunch);
+ getFoodData("dinner", setDinner);
+ }, [_id]);
+
+ const handleDishClick = async (_id) => {
+ try {
+ const response = await axios.get(
+ `${process.env.REACT_APP_SPOONACULAR_API_URL}/recipes/${_id}/information?apiKey=${process.env.REACT_APP_API_KEY}`
+ );
+ const recipeUrl = response.data.spoonacularSourceUrl;
+ window.open(recipeUrl, "_blank");
+ } catch (error) {
+ console.error("Error fetching recipe information: ", error);
+ }
+ };
+
+ return (
+
+
+
+
Food List
+ {loading ? (
+
+ ) : (
+
+ {breakfast && (
+
+
+
+ Breakfast
+
+
+
+ {breakfast.data.map((dish) => (
+ - handleDishClick(dish._id)}
+ className={`cursor-pointer relative text-start hover:bg-gradient-to-r from-green-300 to-green-500 transition-transform duration-300 ease-in-out transform hover:-translate-y-1 px-5 py-2 ${
+ theme === "dark" ? "text-white" : "text-red-600"
+ } hover:text-black mt-2`}
+ >
+ • {dish.dish}
+ {
+ e.stopPropagation();
+ handleEditClick(dish, "breakfast");
+ }}
+ >
+
+
+ {
+ e.stopPropagation();
+ handleDelete(dish._id, "breakfast");
+ }}
+ >
+ 
+
+
+ ))}
+
+
+
+ )}
+ {lunch && (
+
+
+
+ Lunch
+
+
+
+ {lunch.data.map((dish) => (
+ - handleDishClick(dish._id)}
+ className={`cursor-pointer relative text-start hover:bg-gradient-to-r from-green-300 to-green-500 transition-transform duration-300 ease-in-out transform hover:-translate-y-1 px-5 py-2 ${
+ theme === "dark" ? "text-white" : "text-green-600"
+ } hover:text-black mt-2`}
+ >
+ • {dish.dish}
+ {
+ e.stopPropagation();
+ handleEditClick(dish, "lunch");
+ }}
+ >
+
+
+ {
+ e.stopPropagation();
+ handleDelete(dish._id, "lunch");
+ }}
+ >
+
+
+
+ ))}
+
+
+
+ )}
+ {dinner && (
+
+
+
+ Dinner
+
+
+
+ {dinner.data.map((dish) => (
+ - handleDishClick(dish._id)}
+ className={`cursor-pointer relative text-start hover:bg-gradient-to-r from-yellow-300 to-yellow-500 transition-transform duration-300 ease-in-out transform hover:-translate-y-1 px-5 py-2 ${
+ theme === "dark" ? "text-white" : "text-yellow-600"
+ } hover:text-black mt-2`}
+ >
+ • {dish.dish}
+ {
+ e.stopPropagation();
+ handleEditClick(dish, "dinner");
+ }}
+ >
+
+
+ {
+ e.stopPropagation();
+ handleDelete(dish._id, "dinner");
+ }}
+ >
+
+
+
+ ))}
+
+
+
+ )}
+
+ )}
+
+
+
+ {/* Modal for Editing Dish */}
+ {editModal && (
+
handleUpdateDish(updatedDish)}
+ onCancel={() => setEditModal(false)}
+ />
+ )}
+
+ );
+};
+
+export default Foodlist;
diff --git a/src/pages/ForgotPassword.jsx b/src/pages/ForgotPassword.jsx
new file mode 100644
index 0000000..9541088
--- /dev/null
+++ b/src/pages/ForgotPassword.jsx
@@ -0,0 +1,101 @@
+import React, { useState } from "react";
+import axios from "axios";
+import { toast } from "react-hot-toast";
+import logo from "../assets/logo2.png";
+import Loader from "../components/Loader/Loader";
+
+
+function ForgotPassword() {
+ const [formData, setFormData] = useState({
+ email: "",
+ });
+ const [loading, setLoading] = useState(false);
+
+ function changeHandler(event) {
+ setFormData((prevData) => ({
+ ...prevData,
+ [event.target.name]: event.target.value,
+ }));
+ }
+
+ function submitHandler(event) {
+ event.preventDefault();
+
+ setLoading(true);
+
+ const apiUrl = `${process.env.REACT_APP_BASE_URL}/VerifyUser`;
+ // const apiUrl = `http://localhost:4000/api/v1/VerifyUser `;
+
+ axios
+ .post(apiUrl, formData)
+ .then((response) => {
+ setLoading(false);
+ toast.success("Link sent to your email");
+ })
+ .catch((error) => {
+ console.log(error);
+ setLoading(false);
+ toast.error("Failed to send Link");
+ });
+ }
+
+ return (
+ <>
+ {loading ? (
+
+ ) : (
+
+
+
+
+
+ Connecting You to Your College
+ Canteens
+
+
+
+
+
+
+
+
+
+
+ )}
+
+ );
+}
+
+export default ForgotPassword;
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 0362fde..33ae514 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -9,16 +9,27 @@ import CanteenList from "../components/CanteenList";
import Loader from "../components/Loader/Loader";
import Footer from "../components/Footer";
-function Home() {
+import FloatBtn from "../components/FloatBtn/FloatBtn";
+import { useAuth } from "../authContext";
+import { useNavigate } from "react-router-dom";
+function Home() {
+ const navigate = useNavigate();
+ const { isAuthenticated } = useAuth();
const [canteenData , setCanteenData] = useState();
const [loading, setLoading] = useState(false);
+ useEffect(() => {
+ if(!isAuthenticated){
+ navigate('/')
+ }
+ }, [])
+
const getCanteenData = async () =>{
try{
setLoading(true);
const getCanteen = await fetch(
- `http://localhost:8000/api/v1/getcanteen`,
+ `${process.env.REACT_APP_BASE_URL}/api/v1/getcanteen`,
{
method : "GET",
headers :{
diff --git a/src/pages/Licensing.jsx b/src/pages/Licensing.jsx
deleted file mode 100644
index 2d4cbea..0000000
--- a/src/pages/Licensing.jsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import Aos from 'aos';
-import React, { useEffect, useState } from 'react';
-import "aos/dist/aos.css";
-import Loader from '../components/Loader/Loader';
-import Navbar from '../components/Navbar';
-import Footer from '../components/Footer';
-
-const Licensing = () => {
- const [loading, setLoading] = useState(false);
-
- useEffect(() => {
- setLoading(true);
- Aos.init({ duration: 800 });
- setLoading(false);
- }, []);
-
- return (
- <>
- {loading ? (
-
- ) : (
-
-
-
-
Licensing
-
-
Welcome to Foodies, your ultimate college dining companion! By accessing and using the Foodies mobile application, you agree to be bound by the following licensing terms:
-
1. License Grant
-
Subject to your compliance with these terms and conditions, Foodies grants you a limited, non-exclusive, non-transferable, revocable license to use the Foodies mobile application for your personal, non-commercial use.
-
2. Restrictions
-
You may not:
-
- - Modify, adapt, or create derivative works of the Foodies app.
- - Reverse engineer, decompile, or disassemble the Foodies app.
- - Use the Foodies app for any illegal or unauthorized purpose.
- - Remove or alter any copyright, trademark, or other proprietary notices from the Foodies app.
-
-
3. Ownership
-
Foodies retains all rights, title, and interest in and to the Foodies mobile application, including all intellectual property rights.
-
4. Termination
-
This license is effective until terminated by you or Foodies. Foodies may terminate this license at any time without notice if you breach any of these terms and conditions.
-
5. Contact Us
-
If you have any questions, concerns, or feedback about the licensing terms, please contact us at contact@foodiesapp.com.
-
-
-
-
- )}
-
- )
-}
-
-export default Licensing;
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
index 5451cd7..00ef4d4 100644
--- a/src/pages/Login.jsx
+++ b/src/pages/Login.jsx
@@ -1,10 +1,11 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
import { AiOutlineEye, AiOutlineEyeInvisible } from "react-icons/ai";
import { Link, useNavigate } from "react-router-dom";
import { toast } from "react-hot-toast";
import axios from "axios";
import logo from "../assets/logo2.png";
-import Loader from "../components/Loader/Loader";
+import Loader from "../components/Loader/Loader"; // Ensure this path is correct
+import { useAuth } from "../authContext";
function Login() {
const [formData, setFormData] = useState({
@@ -13,10 +14,24 @@ function Login() {
password: "",
});
+ const { checkAuthentication } = useAuth();
const [showPassword, setShowPassword] = useState(false);
const [loading, setLoading] = useState(false);
+ const [rememberMe, setRememberMe] = useState(false);
+
const navigate = useNavigate();
+ useEffect(() => {
+ const storedEmail = localStorage.getItem("rememberedEmail");
+ if (storedEmail) {
+ setFormData((prevData) => ({
+ ...prevData,
+ email: storedEmail,
+ }));
+ setRememberMe(true);
+ }
+ }, []);
+
function changeHandler(event) {
setFormData((prevData) => ({
...prevData,
@@ -24,33 +39,36 @@ function Login() {
}));
}
+ function rememberMeHandler(event) {
+ setRememberMe(event.target.checked);
+ if (!event.target.checked) {
+ localStorage.removeItem("rememberedEmail");
+ }
+ }
+
async function submitHandler(event) {
event.preventDefault();
setLoading(true);
- try {
- const apiUrl =
- formData.accountType === "User"
- ? `http://localhost:8000/api/v1/studentLogin`
- : `http://localhost:8000/api/v1/canteenLogin`;
+ if (rememberMe) {
+ localStorage.setItem("rememberedEmail", formData.email);
+ }
- const response = await axios.post(apiUrl, formData);
+ const apiUrl =
+ formData.accountType === "User"
+ ? `${process.env.REACT_APP_BASE_URL}/studentLogin`
+ : `${process.env.REACT_APP_BASE_URL}/canteenLogin`;
- // Assuming the response contains a token
- const token = response.data.token;
-
- localStorage.setItem("token", token);
- localStorage.setItem('canteenId', response.data.cantId);
+ try {
+ const response = await axios.post(apiUrl, formData);
+ toast.success("User Logged in");
if (formData.accountType === "User") {
- toast.success("User logged in successfully!");
navigate("/home");
} else {
- toast.success("Canteen logged in successfully!");
navigate(`/section/${response.data.cantId}`);
}
} catch (error) {
- toast.error("Failed to login. Please try again.");
- console.error(error);
+ toast.error("Failed to login");
} finally {
setLoading(false);
}
@@ -61,7 +79,14 @@ function Login() {
{loading ? (
) : (
-
+
+
+
+
+
+
@@ -74,15 +99,10 @@ function Login() {
-
-
- 
+
+ 
-