Homepage

The homepage needs to explain the purpose of the website, and give links to navigate to the other pages.

Add a recipe

This page should be quite simple to start with. Recipes will get more complex as my project evolves. A recipe has :

• Title
• List of ingredients
• Text of instructions

I imagine adding to that:

• Type of food
• Oven temperature and time
• Number of servings
• My opinion on the recipe
• When I cooked it
• Picture

See all recipes

This page should also be simple in the beginning, and then improve, but especially design-wise. It is a list of all the saved recipes, as cards. Each card has an image, to begin with this will be a generic image, maybe different in function of the type of food when this is implemented. On click on a card, it will get bigger and take up the whole width of the page, all the other cards being under it. There should be a cross to close that card, and get back to the original state.

Additional ideas

More menu items, separating the recipes by type: each type (dinner, breakfast, cookies, cupcakes...) having its own page.

My requirements

This project is a playground for me, as much as a useful app! In that idea, I have some technical requirements set for myself:

• Being as accessible as possible: using WAI-ARIA if needed, but mostly using the right HTML5 elements.
  • Testing with screen readers,
  • Testing the keyboard functions.
• Browser support: ever greens, IE 11, Edge.
• Be functional without Javascript: at least to see the recipes!
• Implement service workers (maybe)