roysegall / bonappetit Goto Github PK

Before we will start to build the front let's add a simple app from a starter kit

The e2e will check with pupeteer the front page, searching and display recipe item.

The responsive layout is not the best but can wait for later on.

Two ways to get it done:

• Create s simple skith
• Look for a ready design

The front end has a couple of elements:

• A front page will ask you what's the products you have - egg, flower, beef etc.
• A page that shows all the recipes
• A page that shows a single recipe

After we created the page we need to bind the components to the server and combined the logic:

• Pull items products from DB in the front page
• Create a search endpoint + search logic
• Pull recipe item from DB in the product page

Good luck!

• name
• description
• ingredients:
  • product ID
  • amount - 1, 0.5, 2.5
  • quantaty - pieces, kb, ml
• video
• level: [beginner, intemident etc. etc.]
• steps:
  • text
  • time to the next step

Since we going to add react we need to move all the server to a library called server.

This also impacts the travis and the caching in travis.

We need to add list products IDs and not just the product name - this will help us for searching.

We also need to add more products and more recipe

This will help us maintain the selections and practice state in react