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, filter and access details of unique food.
- Node.js
- React
- React-DOM
- React-Create-App
- Redux
- CSS
- ES6
- Material-ui
- Jest
- Enzyme
- redux-mock-store
- moxios
To get a local copy up and running follow these simple example steps.
- NPM
- JavaScript
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.
git clone https://github.com/guillainbisimwa/Catalogue-of-Recipes.git
Run the following commands to install dependencies:
cd Catalogue-of-Recipes
npm install
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:
REACT_APP_SERVER_URL=...
REACT_APP_AUTH=...
REACT_APP_KEY=...
REACT_APP_HOST=...
You can find all your values from Pexels Image & Video API and rapidapi. Simply create an account and request an API key.
The environment variables from a .env file are loaded into process.env and used in actions file located in Catalogue-of-Recipes/src/redux/actions/index.js.
In order to run this project locally, just type this command:
npm start
In order to test this project locally, just type this command:
npm test
👤 Guillain Bisimwa
- Github : @guillainbisimwa
- Twitter : @gullain_bisimwa
- Linkedin : guillain-bisimwa
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
- Pexels Image & Video API
- Design by Marc-Antoine Roy on Behance
- Microverse
Give a ⭐️ if you like this project!
This project is MIT licensed.