SarvarKh/Recipes-catalogue

The Easy Recipes is a single page application built with React and Redux which fetches data from the API. App contains main and detail pages with responsive styling. Every page, the main page and pages for each item, have a unique route within the SPA. React components as well as Redux action creators were tested with Jest and React Testing Library.

Easy recipes catalogue

The Easy Recipes is a single-page application built with React and Redux which fetches data from the API. The app contains main and detail pages with responsive styling. Every page, the main page, and pages for each item have a unique route within the SPA. React components, as well as Redux action creators, were tested with Jest and React Testing Library.

Built With

• React.js
• Redux/React-Redux pkg
• npm
• ES6
• JavaScript
• JEST
• React Testing Library
• HTML/CSS

Live Demo

Live Demo Link

Project Videos

• Project demo
• Project Technical concepts

Project Tree Diagram

Testing with Jest & React Testing Library

Getting Started

To get a local copy up and running follow these simple example steps.

Setup

Step 1: git clone https://github.com/SarvarKh/Recipes-catalogue.git

Step 2 - navigate to the cloned directory:
cd Recipes-catalogue

Step 3 - install npm pckage manager:
npm install

Step 4 - open the app in development mode:
npm start

Last step will open http://localhost:3000 to view it in the browser.

Authors

👤 Sarvar Khalimov

• GitHub: @SarvarKh
• Twitter: @KhalimovSarvar
• LinkedIn: @sarvar-khalimov

🤝 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!

📝 License

This project is MIT licensed.

API server

For this app uses the Meal DB API server.

Relevant links: Website Facebook page Twitter page