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

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

💻 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

👥 Authors

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

👤 Jose Luis Vazquez Flores

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

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

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

📝 License

This project is MIT licensed.

GitHub

View Github