Skip to content

Tresor11/recipes-catalogue

Repository files navigation

Netlify Status

Recipmatic screenshot

This project is a single-page application built with React and redux.

The application is a recipes catalogue it uses TheMealDB Api to get the data and has three main pages.


The home page is a list of the available categories from which you can select a specific category to see the differents recipes for that category.

screenshot


The category page is a list of the differents recipes within a specific category from which you can select a recipe to see the details it also have a category filter which allow you to easily filter the recipes.

screenshot


The details page is the last and it basically provide the details about a specific recipe.

screenshot

Built With

  • javaScript
  • React
  • TheMealDB
  • Redux
  • Node js
  • Netlify

Live Demo

Live Demo Link

Getting Started

Here are the steps to follow in order to get this project on your local computer.

Prerequisites

node v12.16.3 +

npm v6.14.4 +

Setup

clone this repo by typing git clone

Install

install the dependacies by typing npm install

Usage

start the local server by running npm start

Deployment

this project is deployed on heroku

to get the deployment build of the code run npm run build

Testing

this project uses jest from testing , to run the tests type npm test

Authors

👤 Tresor bireke

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration

📝 License

This project is MIT licensed

About

A recipes catalog That puls data from themealDB API allowing to search for any category of recipes built with react-redux

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published