Recipe webapp

Recipe webapp is an SPA that provides a wide library of recipes. The application will allow users to browse though vast recipe categories.

πŸ“– [Recipe webapp]

Recipe webapp is a web application that provides a wide library of recipes. The application will allow users to browse though vast recipe categories based on diets.

πŸ›  Built With

Tech Stack

Here is a list of the tech used in this project.

  • HTML
  • CSS
  • ES6
  • React
  • Redux
  • Jest

Key Features

Description of some of the project’s key features.

  • Home page that displays a list of recipes.
  • Each recipeCard will display an image, a name and a count of ingredients.
  • Each recipeCard will have a button to view the recipe details.
  • Each details page will diplay the recipe’s unique information.
  • Has working linters to encourage clean code.

πŸš€ Live Demo

Here is be the link to the demo project as well as a link to a video of me explaining more in detail my webapp.

πŸ’» Getting Started

How to get started and make use of this project.

To get a local copy up and running, follow these steps.


  • In order to run this project locally you need git installed. Please got to Getting Started – Installing Git guide and follow the steps described for your system to install git.

  • You must have Node installed on our machine to access the NPM (Node Package Manager) tool. Run node -v and npm -v in the terminal to see if you have node and npm installed, respectively. Ensure you have node>=14.0.0 and npm>=5.6 If you don’t have them installed, head to Node to download and install the latest stable version.

  • A source-code editor like vscode.


Clone this repository to your desired folder

cd your-folder
cd Recipe-webapp


Install all dependencies to this project with:

npm install


To run the project, execute the following command:

npm start

Run tests

To run tests, run the following command:

npm test


You can use any deployment service to deploy the application.

npm run build

πŸ‘₯ Authors

Here is a mention to all who collaborated in this project.

πŸ‘€ Jose Luis Vazquez Flores

πŸ”­ Future Features

The following are the future features that will be added to the project.

  • Will include a search feature
  • Adapt screen size for computer screens and other large screens
  • It will probably not take over the world

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your support

Message of encouragement.

If you like this project you can buy us a coffee.

πŸ™ Acknowledgments

Credit is given to those who deserve it.

πŸ“ License

This project is MIT licensed.


View Github