---

Meal Factory is a single page recipe application that allows for searching and storing recipes as well as creating an ingredient shopping list.

📑 Technologies Used

1. HTML5 & CSS3

   The layout makes use of HTML5 semantic elements as well as pure CSS3 (no frameworks).

2. JavaScript

   Meal Factory is written in ES6 using the MVC (Model-View-Controller) architecture. While I generally use React/NextJS/Gatsby for development, this project is an attempt at a frameworkless design.

💻 Getting Started

The easiest way to view this project is to follow this link.

You may also clone this repo to view the code and run it directly on your local machine.

1. Clone the repo

   Clone the repo to your local computer.

   # cd to your desired directory
   git clone https://github.com/RayBDev/meal-factory.git

2. Install Dependencies

   Navigate to the root project directory

   npm install

3. Start the Server

   View the project live on your local machine at http://localhost:8080

   npm start

4. Search Terms Available

   • carrot
   • broccoli
   • asparagus
   • cauliflower
   • corn
   • cucumber
   • green pepper
   • lettuce
   • mushrooms
   • onion
   • potato
   • pumpkin
   • red pepper
   • tomato
   • beetroot
   • brussel sprouts
   • peas
   • zucchini
   • radish
   • sweet potato
   • artichoke
   • leek
   • cabbage
   • celery
   • chili
   • garlic
   • basil
   • coriander
   • parsley
   • dill
   • rosemary
   • oregano
   • cinnamon
   • saffron
   • green bean
   • bean
   • chickpea
   • lentil
   • apple
   • apricot
   • avocado
   • banana
   • blackberry
   • blackcurrant
   • blueberry
   • boysenberry
   • cherry
   • coconut
   • fig
   • grape
   • grapefruit
   • kiwifruit
   • lemon
   • lime
   • lychee
   • mandarin
   • mango
   • melon
   • nectarine
   • orange
   • papaya
   • passion fruit
   • peach
   • pear
   • pineapple
   • plum
   • pomegranate
   • quince
   • raspberry
   • strawberry
   • watermelon
   • salad
   • pizza
   • pasta
   • popcorn
   • lobster
   • steak
   • bbq
   • pudding
   • hamburger
   • pie
   • cake
   • sausage
   • tacos
   • kebab
   • poutine
   • seafood
   • chips
   • fries
   • masala
   • paella
   • som tam
   • chicken
   • toast
   • marzipan
   • tofu
   • ketchup
   • hummus
   • chili
   • maple syrup
   • parma ham
   • fajitas
   • champ
   • lasagna
   • poke
   • chocolate
   • croissant
   • arepas
   • bunny chow
   • pierogi
   • donuts
   • rendang
   • sushi
   • ice cream
   • duck
   • curry
   • beef
   • goat
   • lamb
   • turkey
   • pork
   • fish
   • crab
   • bacon
   • ham
   • pepperoni
   • salami
   • ribs

📧 Contact Me

Contact me and view my portfolio at https://rbernard.ca