RecipesApp

The best recipe browser

This project is part of phase 2 of the Santander and BEDU scholarship.

Table of Contents

1. Mockups
2. Technologies
3. Installation
4. Usage
5. Authors

1. Mockups

Home Page

Results Page

Recipe Page

Link of design

2. Technologies

• HTML
• CSS
• JavaScript
• Bootstrap
• Webpack
• Babel
• Git
• Github

3. Installation and run instructions

Create a new folder and clone the repository. Opend the terminal and type:

    git clone https://github.com/antoniomd-fi/RecipesApp.git

In the terminal type:

    cd RecipesApp

Install node modules and run the application.

    npm install
    npm install -D webpack-dev-server
    npm run start

4. Result and Use

Home page

On this page we have an input where we can search for a recipe by its full name or put a letter and it returns matches.

It also has an autocomplete

Results Page

On this page we can search for recipes by typing in the input or pressing the random button which returns random recipes if we don't know exactly what to eat.

Recipe Page

On this page we see the ingredients of the recipe and the steps to follow as well as a link if you prefer to see the help video.

Just like pressing the random button it displays a random recipe.

Modal

5. Authors

• Victor Sosa VictorSosa-dev

• Antonio Martin antoniomd-fi

• Gerardo Herrera gerhercar21

• Eduardo Castillo EduCastilloHerrera

• Alejandro Gerónimo ElMandu