Caren-Koroeny/healthy-food-recipe

Food Recipe

Healthy Food Recipe

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

about-project

In this project, I built a dynamic catalogue of food recipes app using react/redux, Axios, promises,amongst other tools.

• Recipes List page with a list of recipes that could be filtered by some parameters; in this project, it's a list of recipes that can be filtered by ingredients (shrimp, broccoli, etc.)

• Recipe Item page for the recipe details; in this example, the recipe detail page (Preview Recipe)

• In this application, a user can search for recipes by category and get a list of all the meals. The user can also click on a particular meal to see the details of the ingredients and instructions on how to prepare it.

🛠 Built With

• React
• Redux
• JSX
• CSS
• JavaScript
• ESLint
• Jest
• Npm
• Axios
• Scss

Key Features

• Fetch and display meals from the API

• Search and display various foods by category.

• Show more information about a food when clicked.

(back to top)

🚀 Live Demo

Live version

(back to top)

💻 Getting Started

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

Prerequisites

-- Node.js

• ReactJs
• NPM

Setup

To get a local copy up and running you'll need to have NodeJS installed on your local machine.

Install

After installing NodeJS please follow the next steps...

Usage

npm i

-- for installing dev dependecies.

npm run build

-- to run the project.

Testing

npm run start

Deployment

npm run deploy

(back to top)

👥 Authors

👤 Caren Koroeny

• GitHub: @Caren-Koroeny
• Twitter: @carensiya
• LinkedIn: CarenSiya

🔭 Future Features

• Add good UI/UX

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your support

If you like this project, please don't forget to follow me and give it a star.

(back to top)

🙏 Acknowledgments

• Designer - Nelson Sakwa
• You for viewing this repo and dropping a ⭐️.
• Microverse Inc

(back to top)

📝 License

This project is MIT licensed.

(back to top)