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: 13 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

• Host: GitHub
• URL: https://github.com/tresor11/recipes-catalogue
• Owner: Tresor11
• Created: 2020-05-26T10:24:33.000Z (over 4 years ago)
• Default Branch: development
• Last Pushed: 2024-10-09T07:04:48.000Z (about 1 month ago)
• Last Synced: 2024-10-24T16:36:54.627Z (21 days ago)
• Topics: react, react-redux, react-router
• Language: JavaScript
• Homepage: https://recipes-catalogue.netlify.app/
• Size: 7.63 MB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

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