recipecloud

KO | EN

gitlite — search

#javascript #hacktoberfest #react #llm #golang #android #rust #deep-learning #linux #docker #macos #kubernetes #awesome-list #openai

(★ 11)

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

recipecloud Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1>Recipecloud</h1>

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:

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

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

<h2>Screenshot</h2>

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

<h2>Links</h2>

<ul>
  <li>Demo: <a href="https://recipecloud.netlify.app/" target="_blank">https://recipecloud.netlify.app/</a></li>
</ul>

<h2>Tech Stack</h2>

<h2>Helpful Resources</h2>

<ul>
  <li><b>HTML5:</b> 
    <ul>
      <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML" target="_blank">MDN</a>: Mozilla Developer Network - HTML (HyperText Markup Language)</li>
      <li><a href="https://www.w3schools.com/html/html_intro.asp" target="_blank">W3SCHOOL</a>: HTML Introduction</li>
    </ul>
  </li>
  <li><b>CSS3:</b> 
    <ul>
      <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS" target="_blank">MDN</a>: Mozilla Developer Network - CSS (Cascading Style Sheets)</li>
      <li><a href="https://www.w3schools.com/css/css_intro.asp" target="_blank">W3SCHOOL</a>: CSS Introduction</li>
    </ul>
  </li>
  <li><b>JAVASCRIPT:</b> 
    <ul>
      <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">MDN</a>: Mozilla Developer Network - JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions</li>
      <li><a href="https://www.w3schools.com/js/js_intro.asp" target="_blank">W3SCHOOL</a>: JavaScript Introduction</li>
    </ul>
  </li>
  <li><b>DEV DEPENDENCIES:</b> 
    <ul>
      <li><a href="https://parceljs.org/" target="_blank">Parcel</a>: Configurable build tool for the web</li>
      <li><a href="https://www.npmjs.com/package/fractional" target="_blank">Fractional</a>: A fraction arithmetic library written in javascript.</li>
    </ul>
  </li>
  <li>
    <b><a href="https://mugshotbot.com/" target="_blank">MUGSHOTBOT</a></b>: Automatic beautiful link previews
  </li>
</ul>

<h2>Author's Links</h2>

<ul>
  <li>Portfolio - <a href="https://sammyleths.com" target="_blank">@SammyLeths</a></li>
  <li>Linkedin - <a href="https://www.linkedin.com/in/eyiowuawi/" target="_blank">@SammyLeths</a></li>
  <li>Twitter - <a href="https://twitter.com/SammyLeths" target="_blank">@SammyLeths</a></li>
  <li>Buy me a Coffee - <a href="https://buymeacoffee.com/sammyleths" target="_blank"> @SammyLeths </a></li>
</ul>

recipecloud

recipecloud Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

recipecloud

recipecloud Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README