Recipecloud

Recipecloud is a web application that queries recipe data from a cloud API. The application is able to get and display different food recipe data from numerous sources. A search functionality makes it easy to find any recipe by querying the API against entered keywords. Some of the features shipped with this application include:

• Recipe search functionality
• Addition of your own recipe
• Adding a recipe to favorites list/li>
• Customize recipe servings

This web application is built using HTML, CSS3, SASS, JavaScript, NPM, Parcel.

Screenshot

Links

• Demo: https://recipecloud.netlify.app/

Tech Stack

Helpful Resources

• HTML5:
  • MDN: Mozilla Developer Network - HTML (HyperText Markup Language)
  • W3SCHOOL: HTML Introduction
• CSS3:
  • MDN: Mozilla Developer Network - CSS (Cascading Style Sheets)
  • W3SCHOOL: CSS Introduction
• JAVASCRIPT:
  • MDN: Mozilla Developer Network - JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions
  • W3SCHOOL: JavaScript Introduction
• DEV DEPENDENCIES:
  • Parcel: Configurable build tool for the web
  • Fractional: A fraction arithmetic library written in javascript.
• MUGSHOTBOT: Automatic beautiful link previews

Author's Links

• Portfolio - @SammyLeths
• Linkedin - @SammyLeths
• Twitter - @SammyLeths