Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tresor11/recipes-catalogue

A recipes catalog That puls data from themealDB API allowing to search for any category of recipes built with react-redux
https://github.com/tresor11/recipes-catalogue

react react-redux react-router

Last synced: 17 days ago
JSON representation

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

Awesome Lists containing this project

README

        

[![Netlify Status](https://api.netlify.com/api/v1/badges/9b76d356-8bdd-436a-a550-20ec16e7def0/deploy-status)](https://app.netlify.com/sites/recipes-catalogue/deploys)
# Recipmatic ![screenshot](./lamb.png)

### 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](./home.png)


> 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](./category.png)


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

![screenshot](./details.png)

## Built With

- javaScript
- React
- TheMealDB
- Redux
- Node js
- Netlify

## Live Demo

[Live Demo Link](https://recipes-catalogue.netlify.app/)

## 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**

- Github: [@Tresor11](https://github.com/Tresor11)
- Twitter: [@Tbireke](https://twitter.com/Tbireke)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](issues/).

## 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](lic.url) licensed