Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/guillainbisimwa/catalogue-of-recipes
Catalog-of-Recipes is a front-end application made using react and redux that will help you retrieve food images from Pexels Image & Video API, filter, and access details of unique food.
https://github.com/guillainbisimwa/catalogue-of-recipes
enzyme-testing jest material-ui react redux redux-thunk
Last synced: about 2 months ago
JSON representation
Catalog-of-Recipes is a front-end application made using react and redux that will help you retrieve food images from Pexels Image & Video API, filter, and access details of unique food.
- Host: GitHub
- URL: https://github.com/guillainbisimwa/catalogue-of-recipes
- Owner: guillainbisimwa
- License: mit
- Created: 2021-04-20T22:08:22.000Z (almost 4 years ago)
- Default Branch: development
- Last Pushed: 2021-04-30T13:24:28.000Z (over 3 years ago)
- Last Synced: 2024-05-28T15:31:01.863Z (8 months ago)
- Topics: enzyme-testing, jest, material-ui, react, redux, redux-thunk
- Language: JavaScript
- Homepage: https://catalogue-recipes.herokuapp.com/
- Size: 2.33 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Catalogue-of-Recipes
> This is a recipe catalog based project made using react and redux
Catalog-of-Recipes is a front-end application that will help you retrieve food images from [Pexels Image & Video API](https://www.pexels.com/api/), filter and access details of unique food.
## Built With
- Node.js
- React
- React-DOM
- React-Create-App
- Redux
- CSS
- ES6
- Material-ui
## Tested With
- Jest
- Enzyme
- redux-mock-store
- moxios
## Live Demo
[Live Demo Link](https://catalogue-recipes.herokuapp.com/)
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
- NPM
- JavaScript
### Setup
Navigate to your desired location to download the contents of this repository.
In order to clone this repository just type the following commands over the terminal in Linux or Mac or the Windows cmd console.
```s
git clone https://github.com/guillainbisimwa/Catalogue-of-Recipes.git
```
### Install
Run the following commands to install dependencies:
```s
cd Catalogue-of-Recipes
npm install
```
### API key Integration
Create a `.env` file in the root directory of this project. Add
environment-specific variables on new lines in the form of `NAME=VALUE`.
For example:
```s
REACT_APP_SERVER_URL=...
REACT_APP_AUTH=...
REACT_APP_KEY=...
REACT_APP_HOST=...
```
You can find all your values from [Pexels Image & Video API](https://www.pexels.com/api/) and [rapidapi](https://rapidapi.com/pexels-pexels-default/api/Pexels). Simply create an account and request an API key.
The environment variables from a `.env` file are loaded into [`process.env`](https://nodejs.org/docs/latest/api/process.html#process_process_env) and used in actions file located in `Catalogue-of-Recipes/src/redux/actions/index.js`.
### Usage
In order to run this project locally, just type this command:
```s
npm start
```
### Test
In order to test this project locally, just type this command:
```s
npm test
```
## Author
👤 **Guillain Bisimwa**
- Github : [@guillainbisimwa](https://github.com/guillainbisimwa)
- Twitter : [@gullain_bisimwa](https://twitter.com/gullain_bisimwa)
- Linkedin : [guillain-bisimwa](https://www.linkedin.com/in/guillain-bisimwa-8a8b7a7b/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/guillainbisimwa/Catalogue-of-Recipes/issues).
## Acknowledgments
- [Pexels Image & Video API](https://www.pexels.com/api/)
- Design by Marc-Antoine Roy on [Behance](https://www.behance.net/gallery/11351281/NomNom)
- Microverse
## Show your support
Give a ⭐️ if you like this project!
## 📝 License
This project is [MIT](LICENSE) licensed.