diff --git a/Food-Recipe/index.html b/Food-Recipe/index.html
index 74732b9..51ba86f 100644
--- a/Food-Recipe/index.html
+++ b/Food-Recipe/index.html
@@ -64,7 +64,7 @@ <h2 class="hero__tagline">Discover, Cook, Enjoy - Your Recipe Hub!</h2>
         <div class="ingredient-searched"></div>
 
         <div class="results__container">
-          <div class="results__result">
+          <!-- <div class="results__result">
             <img
               src="https://picsum.photos/300/200"
               alt="plate of delicious food"
@@ -137,20 +137,14 @@ <h4>Instructions:</h4>
                 Watch Video
               </a>
             </div>
-            <!-- <details class="modal__nutrition">
+            <details class="modal__nutrition">
               <summary>Nutrition Information</summary>
-              <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-                eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
-                enim ad minim veniam, quis nostrud exercitation ullamco laboris
-                nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
-                in reprehenderit in voluptate velit esse cillum dolore eu fugiat
-                nulla pariatur. Excepteur sint occaecat cupidatat non proident,
-                sunt in culpa qui officia deserunt mollit anim id est laborum.
-              </p>
-            </details> -->
+              <ul>
+                <li></li>
+              </ul>
+            </details>
           </div>
-        </div>
+        </div> -->
       </section>
     </main>
     <footer>
diff --git a/Food-Recipe/index.js b/Food-Recipe/index.js
index 8785a75..5fd3920 100644
--- a/Food-Recipe/index.js
+++ b/Food-Recipe/index.js
@@ -1,59 +1,55 @@
-//User Input
+// Constants and Global Variables
+
+const API_KEY = "c0ceab46e0msh0eadabf65682e61p12dd5ejsnbcab6b2c9a32";
+const RATE_LIMIT = 5; // Requests per second
 let responseCount = 0;
+const fetchQueue = [];
+
+//Event Listener 
+
 document.addEventListener("DOMContentLoaded", () => {
   const form = document.querySelector("form");
   const searchInput = document.querySelector(".search__input");
   const nameElement = document.querySelector(".ingredient-searched");
-  
 
-  if (form && searchInput) {
-    form.addEventListener("submit", (event) => {
+  if (form && searchInput && nameElement) {
+    form.addEventListener("submit", async (event) => {
       event.preventDefault();
       const searched = document.createElement("h2");
       searched.textContent = `Your results for ${searchInput.value}`;
-      nameElement.innerHTML = " ";
+      nameElement.innerHTML = "";
       nameElement.appendChild(searched);
       clearResults();
-      responseCount=0;
-      Autocomplete(searchInput.value);
+      responseCount = 0;
+      await Autocomplete(searchInput.value);
     });
   } else {
-    console.error("The form or search input element is not found in the DOM.");
+    console.error("The form, search input, or name element is not found in the DOM.");
   }
 });
 
-const API_KEY = "c0ceab46e0msh0eadabf65682e61p12dd5ejsnbcab6b2c9a32";
-
-const RATE_LIMIT = 5; // Requests per second
-
-const fetchQueue = []; // Queue to manage fetch requests
-
 async function executeFetchQueue() {
   while (fetchQueue.length > 0) {
-    if(responseCount>=2){
+    if (responseCount >= 1) {
       break;
     }
     const { recipeName, originalName } = fetchQueue.shift();
-    await fetchThumbnailVideoDescription(recipeName, originalName);
+    await fetchResponses(recipeName, originalName);
     await new Promise((resolve) => setTimeout(resolve, 1000 / RATE_LIMIT));
     responseCount++;
   }
 }
+
 // Fetching AutoComplete the User input
-async function Autocomplete(recipeName) {
-  // //by Andrei : ot make it easy to add elements and check styling. Will require commenting (overriding) out actual APi functionality. DO NOT DELETE
-  // if (localStorage['resultForLS']) {
-  //   fetchThumbnailVideoDescription('chicken breast')
-  // }
-  // //END
 
+async function Autocomplete(recipeName) {
   const url = `https://tasty.p.rapidapi.com/recipes/auto-complete?prefix=${recipeName}`;
   const options = {
     method: "GET",
     headers: {
       "X-RapidAPI-Key": API_KEY,
-      "X-RapidAPI-Host": "tasty.p.rapidapi.com"
-    }
+      "X-RapidAPI-Host": "tasty.p.rapidapi.com",
+    },
   };
 
   try {
@@ -74,9 +70,9 @@ async function Autocomplete(recipeName) {
   }
 }
 
-//Fetching the Thumbnail from API
+// Fetching details from API
 
-async function fetchThumbnailVideoDescription(recipeName) {
+async function fetchResponses(recipeName) {
   try {
     const response = await fetch(
       `https://tasty.p.rapidapi.com/recipes/list?from=0&size=1&q=${recipeName}`,
@@ -84,8 +80,8 @@ async function fetchThumbnailVideoDescription(recipeName) {
         method: "GET",
         headers: {
           "X-RapidAPI-Key": API_KEY,
-          "X-RapidAPI-Host": "tasty.p.rapidapi.com"
-        }
+          "X-RapidAPI-Host": "tasty.p.rapidapi.com",
+        },
       }
     );
 
@@ -94,49 +90,50 @@ async function fetchThumbnailVideoDescription(recipeName) {
     }
 
     const data = await response.json();
-    console.log(data.results[0])
+    console.log(data.results[0]);
+
     if (Array.isArray(data.results) && data.results.length > 0) {
       const thumbnail = data.results[0].thumbnail_url;
       const video_url = data.results[0].original_video_url;
       const description = data.results[0].description;
+
       const countryTag = () => {
-        let result = ''
+        let result = "";
         data.results[0]?.tags.filter((entry) => {
-          if (entry.root_tag_type === 'cuisine' && entry.display_name !== 'Cuisine')
-            result += `${entry.display_name} `
+          if (entry.root_tag_type === "cuisine" && entry.display_name !== "Cuisine")
+            result += `${entry.display_name} `;
         });
-        return result
-      }
-      const rating = Math.ceil(data.results[0].user_ratings.score * 5)
-      const yields = data.results[0].yields
-      const cookTime = data.results[0]?.total_time_tier?.display_tier
-      const instructionsTag = data.results[0]?.instructions
+        return result;
+      };
+
+      const rating = Math.ceil(data.results[0].user_ratings.score * 5);
+      const yields = data.results[0].yields;
+      const cookTime = data.results[0]?.total_time_tier?.display_tier;
+      const instructionsTag = data.results[0]?.instructions;
+
       const nutrition = () => {
-        const obj = data.results[0]?.nutrition
-        console.log(obj)
-        let temp = ''
-        let result = ''
-        if (Object.keys(obj).length > 0) {
+        const obj = data.results[0]?.nutrition;
+        let result = "";
+        if (obj) {
           for (const key in obj) {
-            if (obj.hasOwnProperty(key) && key !== 'updated_at') {
-              temp += `${key}: ${obj[key]}, `;
+            if (obj.hasOwnProperty(key) && key !== "updated_at") {
+              result += `${key}: ${obj[key]}, `;
             }
           }
-          temp.slice(0, -2).split(',').forEach(item => {
-            result += `<li>${item}</li>`
-          })
+          result = result.slice(0, -2).split(',').map(item => `<li>${item}</li>`).join("");
         }
-        return result
-      }
+        return result;
+      };
+
       const difficultyTag = () => {
         const master = data.results[0]?.tags;
         const filteredDifficultyTags = master.filter((entry) => {
           return (
-            entry.root_tag_type === 'difficulty' &&
-            (entry.display_name === 'Easy' ||
-              entry.display_name === 'Medium' ||
-              entry.display_name === 'Difficult' ||
-              entry.display_name === 'Hard')
+            entry.root_tag_type === "difficulty" &&
+            (entry.display_name === "Easy" ||
+              entry.display_name === "Medium" ||
+              entry.display_name === "Difficult" ||
+              entry.display_name === "Hard")
           );
         });
         const result = filteredDifficultyTags.map((entry) => entry.display_name);
@@ -144,63 +141,30 @@ async function fetchThumbnailVideoDescription(recipeName) {
       };
 
       createRecipe(recipeName, thumbnail, video_url, description, countryTag, rating, cookTime, yields, instructionsTag, nutrition, difficultyTag);
-
-
-      // const resultForLS = { //can comment out once LS is set
-      //   'recipeName': recipeName,
-      //   'thumbnail': thumbnail,
-      //   'video_url': video_url,
-      //   'description': description,
-      //   'country': countryTag,
-      //   'rating': rating,
-      //   'yields': yields,
-      //   'cookTime': cookTime
-      // }
-      // localStorage.setItem('resultForLS', JSON.stringify(resultForLS))
-
     } else {
       console.error("No results found in thumbnail API for:", recipeName);
     }
   } catch (error) {
     console.error(error);
   }
-
-  // // by Andrei : to make it easy to add elements and check styling. Will require commenting (overriding) out actual API functionality.
-  // // by Andrei: set LS for faster display of search result (mock result will aways display 'chicken')  DO NOT DELETE
-  // if (!localStorage['resultForLS']) {
-  //   localStorage.setItem('resultForLS', JSON.stringify(resultForLS))
-  // } else { console.log('exists') }
-
-  // const fromLS = JSON.parse(localStorage['resultForLS'])
-  // console.log(fromLS)
-  // createRecipe(fromLS['recipeName'], fromLS['thumbnail'], fromLS['video_url'], fromLS['description']);
-  // const dataMea = JSON.parse(localStorage.getItem('entire data'))
-  // console.log(dataMea.results[0].yields)
-  // //END
-
 }
 
-//Creating the dynamic receipe content box
+// Function to create a dynamic recipe content box
 
 function createRecipe(recipeName, img_url, video_url, description, countryTag, rating, cookTime, yields, instructionsTag, nutrition, difficultyTag) {
   const box = document.createElement("div");
+  box.classList.add("results__result");
+
   const resultIntro = document.createElement("div");
   resultIntro.classList.add("results__result--intro");
-  box.classList.add("results__result");
-  const recipeDetails = document.createElement("h3");
-  const img = document.createElement("img");
-  const button = document.createElement("button");
 
-  button.classList.add("result__get-recipe");
-  button.textContent = "View Recipe";
+  const recipeDetails = document.createElement("h3");
+  recipeDetails.textContent = capitalize_firstLetter(recipeName);
 
-  recipeDetails.textContent = Capitalize(recipeName);
+  const img = document.createElement("img");
   img.src = img_url;
 
-  button.addEventListener('click', () => {
-    addDialog(recipeName, img_url, video_url, description, countryTag, rating, cookTime, yields, instructionsTag, nutrition, difficultyTag);
-  });
-
+  const button = createViewRecipeButton(recipeName, img_url, video_url, description, countryTag, rating, cookTime, yields, instructionsTag, nutrition, difficultyTag);
 
   resultIntro.appendChild(recipeDetails);
   resultIntro.appendChild(button);
@@ -211,188 +175,222 @@ function createRecipe(recipeName, img_url, video_url, description, countryTag, r
   recipeContainer.appendChild(box);
 }
 
-//Function for No results
+// Function to create a "View Recipe" button and attach a click event
 
-function NoResults() {
-  const recipeContainer = document.querySelector(".results__container");
-  const NoResult = document.createElement('h2');
-  NoResult.textContent = 'No result Found';
-  recipeContainer.appendChild(NoResult);
+function createViewRecipeButton(recipeName, img_url, video_url, description, countryTag, rating, cookTime, yields, instructionsTag, nutrition, difficultyTag) {
+  const button = document.createElement("button");
+  button.classList.add("result__get-recipe");
+  button.textContent = "View Recipe";
+
+  button.addEventListener('click', () => {
+    addDialog(recipeName, img_url, video_url, description, countryTag, rating, cookTime, yields, instructionsTag, nutrition, difficultyTag);
+  });
+  return button;
 }
 
-function Capitalize(name) {
-  result = ''
-  for (word of name.split(' ')) {
-    result += word[0].toUpperCase() + word.slice(1) + ' '
-  }
-  return result
+// Function to display "No Results" message
+
+function noResults() {
+  const recipeContainer = document.querySelector(".results__container");
+  const noResult = document.createElement('h2');
+  noResult.textContent = 'No result found';
+  recipeContainer.appendChild(noResult);
 }
 
+// Function to capitalize the first letter of a string
 
+function capitalize_firstLetter(str) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
 
 // Function for view Recipe button
+
 function addDialog(name, url, video_url, description, countryTag, rating, cookTime, yields, instructionsTag, nutrition, difficultyTag) {
+  const modal = createModal();
+  const close = createCloseButton();
+  const mealName = createMealName(name);
+  const mealImage = createMealImage(url);
+  const list = createTagList(countryTag, difficultyTag);
+  const info = createInfoSection(yields, cookTime);
+  const ingredientsText = createIngredients(description);
+  const instructionsText = createInstructions(instructionsTag);
+  const linkContainer = createVideoLink(video_url);
+  const nutritionDetails = createNutritionDetails(nutrition);
+  modal.append(close, mealName, mealImage, list, info, ingredientsText, instructionsText, linkContainer, nutritionDetails);
+  document.querySelector('.results-section').appendChild(modal);
+
+  close.addEventListener('click', () => closeModal(modal));
+  document.body.addEventListener('keydown', (e) => handleKeyPress(e, modal));
+
+  colorStars(rating);
+}
+
+function createModal() {
   const modal = document.createElement('div');
   modal.classList.add('modal');
+  modal.classList.add('modal-active');
+  return modal;
+}
 
+function createCloseButton() {
   const close = document.createElement('button');
   close.classList.add('modal__close');
   close.innerHTML = '&#10006;';
+  return close;
+}
+
 
+function createMealName(name) {
   const mealName = document.createElement('h3');
   mealName.classList.add('modal__name');
   mealName.textContent = Capitalize(name);
+  return mealName;
+}
 
+function createMealImage(url) {
   const mealImage = document.createElement('img');
   mealImage.src = url;
   mealImage.alt = 'Meal Image';
   mealImage.classList.add('modal__image');
+  return mealImage;
+}
 
-  const list = document.createElement('ul')
-  list.classList.add('modal__tags')
-
-  const country = document.createElement('li')
-  country.textContent = countryTag()
-
-  const difficulty = document.createElement('li')
-  difficulty.textContent += `Difficulty: ${difficultyTag()}`
+function createTagList(countryTag, difficultyTag) {
+  const list = document.createElement('ul');
+  list.classList.add('modal__tags');
+
+  const country = createTagItem(countryTag());
+  const difficulty = createTagItem(`Difficulty: ${difficultyTag()}`);
+  const stars = document.createElement('li');
+  stars.classList.add('modal-tag__rating');
+  stars.innerHTML = '<i class="fa-solid fa-star" style="color: rgb(255, 196, 0);"></i><i class="fa-solid fa-star" style="color: rgb(255, 196, 0);"></i><i class="fa-solid fa-star" style="color: rgb(255, 196, 0);"></i><i class="fa-solid fa-star" style="color: rgb(255, 196, 0);"></i><i class="fa-solid fa-star" style="color: rgb(255, 196, 0);"></i>';
+  list.append(country, difficulty, stars);
+  return list;
+}
 
-  const stars = document.createElement('li')
-  stars.classList.add('modal-tag__rating')
-  stars.innerHTML = '<i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>'
-  list.append(country, difficulty, stars)
+function createTagItem(text) {
+  const item = document.createElement('li');
+  item.textContent = text;
+  return item;
+}
 
+function createInfoSection(yields, cookTime) {
+  const info = document.createElement('div');
+  info.classList.add('modal__info');
 
-  const info = document.createElement('div')
-  info.classList.add('modal__info')
+  const servings = createSubheading(yields);
+  const timeInfo = createSubheading('Cooking Time:', cookTime);
+ 
+  info.appendChild(servings[0]); 
+  info.appendChild(timeInfo[0]); 
+  info.appendChild(timeInfo[1]); 
 
+  return info;
+}
 
-  const servings = document.createElement('h4')
-  servings.textContent = yields
+function createSubheading(title, text) {
+  const heading = document.createElement('h4');
+  heading.textContent = title;
 
-  const timeInfo = document.createElement('div')
-  const timeTitle = document.createElement('h4')
-  timeTitle.textContent = 'Cooking Time: '
-  const timeNumber = document.createElement('p')
-  timeNumber.textContent = cookTime
+  if (text) {
+    const content = document.createElement('p');
+    content.textContent = text;
+    return [heading, content];
+  }
+  return [heading];
+}
 
-  timeInfo.append(timeTitle, timeNumber)
-  info.append(servings, timeInfo)
+function createIngredients(description) {
+  const ingredientsContainer = document.createElement('div'); 
 
+  const ingredientsTitle = document.createElement('h4');
+  ingredientsTitle.textContent = 'Ingredients';
 
-  const ingredientsTitle = document.createElement('h4')
-  ingredientsTitle.textContent = 'Ingredients: '
   const ingredientsText = document.createElement('p');
   ingredientsText.classList.add('modal__ingredients');
-  ingredientsText.textContent = 'Coriander chocolate peanut butter dip lavender lemonade blueberry pops red lentil curry hummus falafel bowl mint arugula salad fall coconut milk rich coconut cream.';
-
+  ingredientsText.textContent = description;
+  ingredientsContainer.appendChild(ingredientsTitle);
+  ingredientsContainer.appendChild(ingredientsText);
 
-  const instructionsTitle = document.createElement('h4')
-  instructionsTitle.textContent = 'Instructions: '
-  const instructionsText = document.createElement('ol');
-  instructionsText.classList.add('modal__instructions');
-  instructionsText.innerHTML = getInstructions(instructionsTag);
-
-  function getInstructions(data) {
+  return ingredientsContainer; 
+}
 
-    result = ''
-    for (let i = 0; i < data.length; i++) {
-      result += `
-        <li>
-        ${data[i].display_text}
-        </li>
-      `
-    }
-    return result
-  }
+function createInstructions(instructionsTag) {
+  const instructions = document.createElement('ul');
+  instructions.classList.add('modal__instructions');
 
+  const subheading = document.createElement('h4');
+  subheading.textContent = 'Instructions:';
+  instructions.appendChild(subheading);
 
+  instructionsTag.forEach((instruction) => {
+    const listItem = document.createElement('li');
+    listItem.textContent = instruction.display_text;
+    instructions.appendChild(listItem);
+  });
+  return instructions;
+}
 
-  const linkContainer = document.createElement('div')
-  linkContainer.classList.add('modal__btn-wrapper')
+function createVideoLink(video_url) {
+  const linkContainer = document.createElement('div');
+  linkContainer.classList.add('modal__btn-wrapper');
   const video_link = document.createElement('a');
   video_link.href = video_url;
-  video_link.target = "_blank";
+  video_link.target = '_blank';
   video_link.textContent = 'Watch video';
   video_link.classList.add('modal__video-link');
-  linkContainer.append(video_link)
-
-  const details = document.createElement('details')
-  details.classList.add('modal__nutrition')
-  const summary = document.createElement('summary')
-  summary.textContent = 'Nutrition Information'
-  const nutritionList = document.createElement('ul')
-
-  nutritionList.innerHTML = nutrition()
-
-  details.append(summary, nutritionList)
-
-
-  //Need to work on other things to display.
-
-  modal.append(close, mealName, mealImage);
-  modal.append(list, info)
-  modal.append(ingredientsTitle, ingredientsText);
-  modal.append(instructionsTitle, instructionsText);
-  modal.append(linkContainer, details);
-
-
-  document.querySelector('.results-section').appendChild(modal);
-  // modal.style.display = 'block';
-  modal.classList.add('modal-active');
-
-  close.addEventListener('click', function () {
-    document.querySelector('.results-section').removeChild(modal);
-  });
-
-  //by Andrei: to properly dispose of the dialog element on Escape key press
-  //works, but throws an exception
-  document.body.addEventListener('keydown', (e) => {
-    if (e.key === 'Escape') {
-      try {
-        const resultsSection = document.querySelector('.results-section');
-        if (resultsSection.contains(modal)) {
-          resultsSection.removeChild(modal);
-        }
-      } catch (error) {
-        console.error("Caught an exception:", error);
-      }
-    }
-  });
-  colorStars(rating)
+  linkContainer.appendChild(video_link);
+  return linkContainer;
 }
 
+function createNutritionDetails(nutrition) {
+  const details = document.createElement('details');
+  details.classList.add('modal__nutrition');
+  const summary = document.createElement('summary');
+  summary.textContent = 'Nutrition Information';
+  const nutritionList = document.createElement('ul');
+  nutritionList.innerHTML = nutrition();
+  details.append(summary, nutritionList);
+  return details;
+}
 
+function closeModal(modal) {
+  const resultsSection = document.querySelector('.results-section');
+  if (resultsSection) {
+    resultsSection.removeChild(modal);
+  }
+}
 
-// Function to clear existing results
-
-function clearResults() {
-  const recipeContainer = document.querySelector(".results__container");
-  while (recipeContainer.firstChild) {
-    recipeContainer.removeChild(recipeContainer.firstChild);
+function handleKeyPress(event, modal) {
+  if (event.key === 'Escape') {
+    const resultsSection = document.querySelector('.results-section');
+    if (resultsSection && resultsSection.contains(modal)) {
+      resultsSection.removeChild(modal);
+    }
   }
 }
 
-function colorStars(score) {
+function colorStars(rating) {
   for (let i = 1; i <= 5; i++) {
     const star = document.querySelector(`.fa-star:nth-child(${i})`);
-    if (i <= score) {
+    if (i <= rating) {
       star.style.color = 'rgb(255, 196, 0)';
     }
   }
-  console.log('the modal should display:', score, 'stars')
 }
 
+function Capitalize(text) {
+  result = ''
+  for (word of text.split(' ')) {
+    result += word[0].toUpperCase() + word.slice(1) + ' '
+  }
+  return result;
+}
 
 
-
-//by Andrei : static modal functionality
-
-//by Andrei : to see the styling changes we make to the modal
-const modal = document.querySelector('.modal')
-const openModal = document.querySelector('.result__get-recipe')
-const closeModal = document.querySelector('.modal__close')
-// closeModal.addEventListener('click', () => modal.style.display = 'none')
-// openModal.addEventListener('click', () => modal.style.display = 'block')
-closeModal.addEventListener('click', () => modal.classList.remove('modal-active'))
-openModal.addEventListener('click', () => modal.classList.add('modal-active'))
+function clearResults() {
+  const recipeContainer = document.querySelector(".results__container");
+  while (recipeContainer.firstChild) {
+    recipeContainer.removeChild(recipeContainer.firstChild);
+  }
+}