https://api.github.com/repos/BrianDLara/Magical-Meals_Frontend/contents/{+path}

Screenshot_20231109_170518_Chrome.jpg

Magical-Meals_Frontend

Disney food inspired blog with the option to purchase the items

Magical Meals

<div data-path="README.md" class="md" id="readme"><article class="markdown-body entry-content container-lg"><h1 dir="auto" id="user-content-magical-meals">Magical Meals</h1>
<h2 dir="auto" id="user-content-date-12072022">Date: 12/07/2022</h2>
<h3 dir="auto" id="user-content-by-brian-lara">By: Brian Lara</h3>
<h4 dir="auto" id="user-content-linkedin--github"><a rel="nofollow" href="https://www.linkedin.com/in/brian-lara/">LinkedIn</a> | <a href="https://github.com/BrianDLara">GitHub</a><svg aria-hidden="true" height="16" width="16" version="1.1" viewBox="0 0 16 16" class="octicon octicon-link"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></h4>
<hr>
<h4 dir="auto"></h4>
<p dir="auto"><strong>Website:</strong>
<a rel="nofollow" href="https://magical-meals.herokuapp.com/">Link</a></p>
<p dir="auto"><strong>Backend Repo:</strong>
<a href="https://github.com/BrianDLara/Magical-Meals_Backend">Link</a></p>
<hr>
<h3 dir="auto" id="user-content-description">Description</h3>
<h4 dir="auto" id="user-content-disney-inspired-recipes-that-the-users-can-get-for-free-the-website-gives-you-the-option-to-add-recipe-ingredients-to-a-shopping-cart-just-in-case-you-dont-have-any-in-stock-in-your-house-at-the-moment">Disney inspired recipes that the users can get for free. The website gives you the option to add recipe ingredients to a shopping cart just in case you don't have any in stock in your house at the moment.</h4>
<h2 dir="auto" id="user-content-links-to-project-planning">Links to project planning</h2>
<p dir="auto"><a rel="nofollow" href="https://trello.com/b/Aym0IEb4/magical-meals">Trello</a></p>
<h4 dir="auto" id="user-content-erd">ERD</h4>
<p dir="auto"><a href="https://camo.githubusercontent.com/dc238223cab1ddb60fe4ddc9a85f460fcca3876e89e5517a49198d5d332d1e25/68747470733a2f2f692e696d6775722e636f6d2f5a6e516a6c35562e706e67" rel="noopener noreferrer nofollow" target="_blank"><img style="max-width: 100%;" data-canonical-src="https://i.imgur.com/ZnQjl5V.png" alt="image" src="https://camo.githubusercontent.com/dc238223cab1ddb60fe4ddc9a85f460fcca3876e89e5517a49198d5d332d1e25/68747470733a2f2f692e696d6775722e636f6d2f5a6e516a6c35562e706e67"></a></p>
<h4 dir="auto" id="user-content-component-hierarchy-diagram">Component Hierarchy Diagram</h4>
<p dir="auto"><a href="https://camo.githubusercontent.com/743ea12716d5fb58b454a5ba4d52543da5d898a81e4134d24805455608840fca/68747470733a2f2f692e696d6775722e636f6d2f4c4e53397070442e706e67" rel="noopener noreferrer nofollow" target="_blank"><img style="max-width: 100%;" data-canonical-src="https://i.imgur.com/LNS9ppD.png" alt="image" src="https://camo.githubusercontent.com/743ea12716d5fb58b454a5ba4d52543da5d898a81e4134d24805455608840fca/68747470733a2f2f692e696d6775722e636f6d2f4c4e53397070442e706e67"></a></p>
<hr>
<h3 dir="auto" id="user-content-technologies">Technologies</h3>
<ul dir="auto">
<li>
<p dir="auto">Front-End</p>
<ul dir="auto">
<li>React.js</li>
<li>Tailwind</li>
</ul>
</li>
<li>
<p dir="auto">Back-End</p>
<ul dir="auto">
<li>Sequelize</li>
<li>Express</li>
<li>PostgreSQL</li>
</ul>
</li>
<li>
<p dir="auto">Editing Software</p>
<ul dir="auto">
<li>gimp (image editor)</li>
<li>screen cast (screen recorder)</li>
</ul>
</li>
<li>
<p dir="auto">Deployment</p>
<ul dir="auto">
<li>heroku</li>
</ul>
</li>
</ul>
<hr>
<h3 dir="auto" id="user-content-getting-started">Getting Started</h3>
<h4 dir="auto" id="user-content---follow-the-website-link-at-the-top-of-the-readme-file-the-app-was-deployed-through-heroku">- Follow the website link at the top of the readMe file. The app was deployed through heroku.</h4>
<h4 dir="auto" id="user-content---the-website-has-auth-so-you-will-be-welcomed-by-a-login-page-you-can-either-use-the-admin-credentials-provided-at-the-bottom-of-the-page-to-login-or-go-through-the-registration-process">- The website has Auth, so you will be welcomed by a login page you can either use the admin credentials provided at the bottom of the page to login or go through the registration process.</h4>
<h4 dir="auto" id="user-content---you-will-be-greeted-with-a-list-of-recipes">- You will be greeted with a list of recipes.</h4>
<h4 dir="auto" id="user-content---in-the-recipe-page-you-can-add-ingredients-to-your-shopping-cart-so-you-can-recreate-the-recipe-at-home">- In the recipe page you can add ingredients to your shopping cart so you can recreate the recipe at home.</h4>
<hr>
<h3 dir="auto" id="user-content-screenshots">Screenshots</h3>
<blockquote>
<h4 dir="auto" id="user-content-home-page">Home Page</h4>
</blockquote>
<p dir="auto"><a href="https://camo.githubusercontent.com/1642f4587ef075d5da92f19e329877708038c70b66f4423731ee70a0656e119f/68747470733a2f2f692e696d6775722e636f6d2f364478524d4e6d2e706e67" rel="noopener noreferrer nofollow" target="_blank"><img style="max-width: 100%;" data-canonical-src="https://i.imgur.com/6DxRMNm.png" alt="image" src="https://camo.githubusercontent.com/1642f4587ef075d5da92f19e329877708038c70b66f4423731ee70a0656e119f/68747470733a2f2f692e696d6775722e636f6d2f364478524d4e6d2e706e67"></a></p>
<blockquote>
<h4 dir="auto" id="user-content-recipe">Recipe</h4>
</blockquote>
<p dir="auto"><a href="https://camo.githubusercontent.com/44f8d22de8b774aaf9c1b939484a68c2460e503bcf5802863bfc34971b555f79/68747470733a2f2f692e696d6775722e636f6d2f33616558594a722e706e67" rel="noopener noreferrer nofollow" target="_blank"><img style="max-width: 100%;" data-canonical-src="https://i.imgur.com/3aeXYJr.png" alt="image" src="https://camo.githubusercontent.com/44f8d22de8b774aaf9c1b939484a68c2460e503bcf5802863bfc34971b555f79/68747470733a2f2f692e696d6775722e636f6d2f33616558594a722e706e67"></a></p>
<blockquote>
<h4 dir="auto" id="user-content-shopping-cart">Shopping Cart</h4>
</blockquote>
<p dir="auto"><a href="https://camo.githubusercontent.com/b01f11a72a1870bf0b75fd78d5e5759363592eac1bf8e91bae39782c68e72b42/68747470733a2f2f692e696d6775722e636f6d2f4a384b426765732e706e67" rel="noopener noreferrer nofollow" target="_blank"><img style="max-width: 100%;" data-canonical-src="https://i.imgur.com/J8KBges.png" alt="image" src="https://camo.githubusercontent.com/b01f11a72a1870bf0b75fd78d5e5759363592eac1bf8e91bae39782c68e72b42/68747470733a2f2f692e696d6775722e636f6d2f4a384b426765732e706e67"></a></p>
<h3 dir="auto" id="user-content-task-lists-clipboard">Task Lists 📋</h3>
<ul class="contains-task-list">
<li class="task-list-item"><input class="task-list-item-checkbox" disabled="" id="" type="checkbox"> Integrate Kroger API</li>
<li class="task-list-item"><input class="task-list-item-checkbox" disabled="" id="" type="checkbox"> Add more recipes</li>
<li class="task-list-item"><input checked="" class="task-list-item-checkbox" disabled="" id="" type="checkbox"> Add a comment model</li>
</ul>
<hr>
<h3 dir="auto" id="user-content-credits">Credits</h3>
<p dir="auto"><strong>Kroger</strong>
<a rel="nofollow" href="https://www.kroger.com">item images</a></p>
<p dir="auto"><strong>Recipes</strong>
<a rel="nofollow" href="https://www.goodreads.com/book/show/56333336-disney-cookbook">Disney Cookbook By "Madison Wilson"</a></p>
</article></div>