https://github.com/sammyleths/recipecloud

Recipecloud is a web application that queries recipe data from a cloud API. Built with HTML, CSS3, SASS, JavaScript, REST API, Parcel
https://github.com/sammyleths/recipecloud

css3 html5 javascript npm parceljs recipe-app sass vanilla-javascript

Last synced: 7 months ago
JSON representation

Recipecloud is a web application that queries recipe data from a cloud API. Built with HTML, CSS3, SASS, JavaScript, REST API, Parcel

• Host: GitHub
• URL: https://github.com/sammyleths/recipecloud
• Owner: SammyLeths
• License: mit
• Created: 2022-12-07T16:18:35.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2025-03-08T13:31:02.000Z (11 months ago)
• Last Synced: 2025-07-11T18:46:10.222Z (7 months ago)
• Topics: css3, html5, javascript, npm, parceljs, recipe-app, sass, vanilla-javascript
• Language: JavaScript
• Homepage: https://recipecloud.netlify.app/
• Size: 80.1 KB
• Stars: 11
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
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


![Artboard 1v1-min](https://user-images.githubusercontent.com/64320618/209995044-c50a23d7-d52b-4c1b-a7a5-d859ae7d680c.png)

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



  
Buy me a Coffee -  @SammyLeths