MEALS APP

It is a solution to the Coding Ninjas CareerCamp Web dev-test2. Please visit the Coding Ninjas career camp website CodingNinjas CareerCamp for more details.

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Useful resources
• Author
• Acknowledgments

Overview

It is a meals app where you can search for any meal, displaying the results. You can see the details of every meal item, and you can bookmark and remove the bookmarked meal item.

Screenshot

Links

• Live Site URL: Live Website

My process

First, I designed the skeleton of the design using HTML and CSS. Then, I started coding in Javascript and also made changes in HTML and CSS.

Built with

• HTML
• CSS
• JavaScript

What I learned

I got to learn how to use local storage for saving and removing items

async function getBookmarkData(url) {
  const response = await fetch(url);
  var data = await response.json();
  myObj_serial = JSON.stringify(data.meals);
  for (var i of data.meals) {
    localStorage.setItem(i.idMeal, myObj_serial);
  }
}

async function removeBookmarkData(url) {
  const response = await fetch(url);
  var data = await response.json();
  myObj_serial = JSON.stringify(data);
  for (var i of data.meals) {
    localStorage.removeItem(i.idMeal);
  }
}

Useful resources

• Window localStorage Property

Author

• LinkedIn - Khaidem Sandip Singha
• Twitter - @KurosakiCoder

Acknowledgments

I have done this project from scratch by referencing the websites that I mentioned.