From Pantry to Pan

Introduction

• When it comes to getting meals on the table, using this app will inspire your culinary senses and help you become the chef you've always wanted to be.
• The purpose of this project was to allow students to practice some of the foundational concepts learned so far within the module. There are other extensions that test different skills that we can build on. The project allowed us to personalize/entertain different ideas with HTML/CSS as well as the functionality(JavaScript) behind the web page created.

Set Up

Backend Set Up

1. Go to this repository
2. Follow set up instructions.

Frontend Set Up

1. Clone this repository to your local machine
2. In your terminal, run:

npm install

npm start

3. Enter the following url in your browser: http://localhost:8080/
4. Enoy the app!

Technologies

• Javascript
• HTML
• CSS
• TDD (Mocha/Chai)
• Fetch API

Illustration

Features

• Filter recipe options by meal category, type of meal or dish by clicking a checkbox.
• Save recipes for later usage.
• Return back to view all recipes
• Use filter features among the save recipes

Deployed Page

Visit our published From Pantry to Pan site! here

Possible Future Extensions

• A login page would be a great addition, allowing a user to log in to a page account and keep track of their save recipes.
• Adding in transitions via CSS would have appreciated.

Sources

• MDN
• JavaTPoint
• YouTube
• W3Schools

Contributors

• Will Hobson
• Maya Kappen
• Dinne Kopelevich
• Shauna MacFarlane-Okongo

Project Specs

• The project spec & rubric for Part 1 can be found here
• The project spec & rubric for Part 2 can be found here

Project Management

• GitHub Project