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.

^{This project recieves its data from the EDAMAM.com recipe API.}

📗 Table of Contents

• Recipe webapp
• 📗 Table of Contents
• 📖 Recipe webapp
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 [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.

(back to top)

🛠 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.

(back to top)

🚀 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.

• Recipe web app was deployed with the use of render.

(back to top)

💻 Getting Started

How to get started and make use of this project.

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

Prerequisites

• 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.

Setup

Clone this repository to your desired folder

cd your-folder
https://github.com/jlvFlores/Recipe-webapp
cd Recipe-webapp

Install

Install all dependencies to this project with:

npm install

Usage

To run the project, execute the following command:

npm start

Run tests

To run tests, run the following command:

npm test

Deployment

You can use any deployment service to deploy the application.

npm run build

(back to top)

👥 Authors

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

👤 Jose Luis Vazquez Flores

• GitHub: @jlvFlores
• Twitter: @JoseVaz44312762
• LinkedIn: Jose Vazquez

(back to top)

🔭 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

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Message of encouragement.

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

(back to top)

🙏 Acknowledgments

Credit is given to those who deserve it.

• We would like to thank those who encourage us to never give up.
• Original design idea by Nelson Sakwa on Behance.

(back to top)

📝 License

This project is MIT licensed.

(back to top)