Fixed bugs

envexample

@@ -0,0 +1 @@
+REACT_APP_BASE_URL="localhost:8000/api/v1" 8000 can be replaced by the server you are running backend on

server/envexample

@@ -0,0 +1,6 @@
+PORT=8000  
+DATABASE_URL=
+JWT_SECRET=
+CLOUDINARY_CLOUD_NAME=
+CLOUDINARY_API_KEY=
+CLOUDINARY_API_SECRET=

server/server.js

@@ -2,7 +2,7 @@ const express = require("express");
 const app = express();
 const cors = require("cors");
 var cookieParser = require("cookie-parser");
-const PORT = process.env.PORT || 8000; //originally 4000 tha
+const PORT = process.env.PORT || 4000;
 const cloudinaryConfig = require("./config/cloudinaryConfig");
 const contactRoutes = require('./routes/contactRoutes');
 const bodyParser = require('body-parser');

src/components/ModalForm.jsx

@@ -60,7 +60,7 @@ const ModalForm = ({ onSubmit  , sectionName , canteenData , id}) => {
 
     if(sectionName === "Breakfast"){
 
-      const apiUrl = `http://localhost:8000/api/v1/${id}/breakfast/add`;
+      const apiUrl = `${process.env.REACT_APP_BASE_URL}/${id}/breakfast/add`;
 
       axios.post(apiUrl , foodDetails)
       .then((response)=>{
@@ -75,7 +75,7 @@ const ModalForm = ({ onSubmit  , sectionName , canteenData , id}) => {
     }
     else if(sectionName === "Lunch"){
 
-      const apiUrl = `http://localhost:8000/api/v1/${id}/lunch/add`;
+      const apiUrl = `${process.env.REACT_APP_BASE_URL}/${id}/lunch/add`;
 
       axios.post(apiUrl , foodDetails)
       .then((response)=>{
@@ -92,7 +92,7 @@ const ModalForm = ({ onSubmit  , sectionName , canteenData , id}) => {
     }
     else{
 
-      const apiUrl = `http://localhost:8000/api/v1/${id}/dinner/add`;
+      const apiUrl = `${process.env.REACT_APP_BASE_URL}/${id}/dinner/add`;
 
       axios.post(apiUrl , foodDetails)
       .then((response)=>{

src/pages/AddFoodItem.jsx

@@ -35,13 +35,13 @@ function AddFoodItem() {
 
     switch (mealType) {
       case "Breakfast":
-        apiUrl = `http://localhost:8000/api/v1/${canteenId}/breakfast/add`;
+        apiUrl = `${process.env.REACT_APP_BASE_URL}/${canteenId}/breakfast/add`;
         break;
       case "Lunch":
-        apiUrl = `http://localhost:8000/api/v1/${canteenId}/lunch/add`;
+        apiUrl = `${process.env.REACT_APP_BASE_URL}/${canteenId}/lunch/add`;
         break;
       case "Dinner":
-        apiUrl = `http://localhost:8000/api/v1/${canteenId}/dinner/add`;
+        apiUrl = `${process.env.REACT_APP_BASE_URL}/${canteenId}/dinner/add`;
         break;
       default:
         toast.error("Please select a meal type.");

src/pages/EditProfile.jsx

@@ -17,7 +17,7 @@ const EditProfile = () => {
 
   const fetchCanteenData = async () => {
     try {
-      const getCanteen = await fetch(`http://localhost:8000/api/v1/getcanteen`, {
+      const getCanteen = await fetch(`${process.env.REACT_APP_BASE_URL}/getcanteen`, {
         method: 'GET',
         headers: {
           'Content-Type': 'application/json',
@@ -69,7 +69,7 @@ const EditProfile = () => {
   const handleSubmit = async (e) => {
     e.preventDefault();
     try {
-      const response = await fetch(`http://localhost:8000/api/v1/${_id}/update`, {
+      const response = await fetch(`${process.env.REACT_APP_BASE_URL}/${_id}/update`, {
         method: 'PUT',
         headers: {
           'Content-Type': 'application/json',

src/pages/Foodlist.jsx

@@ -22,7 +22,7 @@ const Foodlist = () => {
     try {
       setLoading(true);
       const response = await fetch(
-        `http://localhost:8000/api/v1/${_id}/${mealType}`,
+        `${process.env.REACT_APP_BASE_URL}/${_id}/${mealType}`,
         {
           method: "GET",
           headers: {
@@ -48,7 +48,7 @@ const Foodlist = () => {
       }
 
       await axios.delete(
-        `http://localhost:8000/api/v1/${_id}/${mealType}/remove`,
+        `${process.env.REACT_APP_BASE_URL}/${_id}/${mealType}/remove`,
         {
           headers: {
             "Content-Type": "application/json",
@@ -84,7 +84,7 @@ const Foodlist = () => {
       }
 
       await axios.put(
-        `http://localhost:8000/api/v1/${_id}/${currentDish.mealType}/updateitem`,
+        `${process.env.REACT_APP_BASE_URL}/${_id}/${currentDish.mealType}/updateitem`,
         {
           dishId: currentDish._id,
           dish: updatedDish,

src/pages/MenuPage.jsx

@@ -20,7 +20,7 @@ function MenuPage() {
     try {
       setLoading(true);
       const getBreakfast = await fetch(
-        `http://localhost:8000/api/v1/${_id}/breakfast`,
+        `${process.env.REACT_APP_BASE_URL}/${_id}/breakfast`,
         {
           method: "GET",
           headers: {
@@ -42,7 +42,7 @@ function MenuPage() {
     try {
       setLoading(true);
       const getLunch = await fetch(
-        `http://localhost:8000/api/v1/${_id}/lunch`,
+        `${process.env.REACT_APP_BASE_URL}/${_id}/lunch`,
         {
           method: "GET",
           headers: {
@@ -64,7 +64,7 @@ function MenuPage() {
     try {
       setLoading(true);
       const getDinner = await fetch(
-        `http://localhost:8000/api/v1/${_id}/dinner`,
+        `${process.env.REACT_APP_BASE_URL}/${_id}/dinner`,
         {
           method: "GET",
           headers: {

src/pages/SectionPage.jsx

@@ -25,7 +25,7 @@ const SectionPage = () => {
     try {
       setLoading(true);
       const getCanteen = await fetch(
-        `http://localhost:8000/api/v1/getcanteen`,
+        `${process.env.REACT_APP_BASE_URL}/getcanteen`,
         {
           method: "GET",
           headers: {