Recipe book App

Cooking is an amazing activity, and there are tons of recipes in the black hole of the web. What could be better than having the possibility to organize them, by making a list of all the recipes we love without wasting a single piece of paper? 🌳 Here's what everyone can do with this simple recipe book app!

It has been entirely realized with Angular 9 and has been styled with the help of bootstrap 4. Both Angular and bootstrap are the latest version - we think to be updated is fundamental.

Well, let's talk a little about what you can do.

First, by filling this form and by clicking save, you can add a new recipe. We decided to keep the form design simple and clean for better user experience.

 
recipe-foto-1.png
 

You can personalize the recipe, by adding a title, a short description, an image, and all the other details that will make it delicious!

Here’s how the filled form looks like:

recipe-foto-2.png
 

After saving, you will be redirected to the recipe you have just created, with all the information you need.

 
recipe-foto-3.png
 

We have decided to add a Facebook plug-in for comments, so everyone can express opinions and thoughts about it.

recipe-foto-4.png

Finally, all the recipes are listed in a responsive grid - we have used flexbox, our favourite tools to make layouts work.

 
recipe-foto-5.png
 

So, wanna start?

 
recipe-foto-6.png