https://github.com/laguna1/catalog-react-redux-capstone

This Web application collects data from the API and has 2 types of pages: - one page with a list of items that can be filtered by parameters - one page for product details
https://github.com/laguna1/catalog-react-redux-capstone

api bootstrap4 es6 hooks-api-react react redux

Last synced: 27 days ago
JSON representation

This Web application collects data from the API and has 2 types of pages: - one page with a list of items that can be filtered by parameters - one page for product details

• Host: GitHub
• URL: https://github.com/laguna1/catalog-react-redux-capstone
• Owner: Laguna1
• License: mit
• Created: 2021-03-12T15:27:22.000Z (over 3 years ago)
• Default Branch: development
• Last Pushed: 2021-03-17T02:08:56.000Z (over 3 years ago)
• Last Synced: 2024-10-07T22:38:36.971Z (about 1 month ago)
• Topics: api, bootstrap4, es6, hooks-api-react, react, redux
• Language: JavaScript
• Homepage:
• Size: 5.86 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

## React-Redux-Capstone

This the the capstone project at the end of the react-redux module of [Microverse](https://www.microverse.org/) main technical curriculum

The project is a single page application built with React and Redux

This projest has two pages:

- one page with a list of meals that could be filtered by categories

- and one page for the each meal with the meal`s details.

- All data was retrieved from the API, the catalogue of meals,   [Meals DB:](https://www.themealdb.com/api.php)

![Main Page](./src/assets/images/MainPage.png)

![Meal detail Page](./src/assets/images/MealDetailPage.png)

### Live Demo link

[Demo link](https://nervous-engelbart-4e9566.netlify.app/)

##  Built with

 - ES6

 - React.js

 - Redux

 - HTML/CSS

 - Bootstrap

 - [API](https://www.themealdb.com/api.php)

 - Axios

 - npm

 - Netlify

### Prerequisites

- npm 7.0.0

- node 15.6.0

### Setup

Download or clone this repo:

https://github.com/Laguna1/catalog-react-redux-capstone

### Install

- cd root folder and run `npm install`

### Usage

- after install dependencies run `npm start`

### Tests

- run the tests in the project root folder using  `npm test`

## Author

👤 **Oksana Petrova**

 - Github:[@Laguna1](https://github.com/Laguna1)

 - Linkedin: [Oksana Petrova](https://www.linkedin.com/in/oksana-petrova/)

 - Twitter: [Oksana Petrova](https://twitter.com/OksanaP48303303)

### 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Laguna1/catalog-react-redux-capstone/issues)

### Show your support

Give a ⭐️ if you like this project! 

### 📝 License

This project is [MIT](https://opensource.org/licenses/MIT) licensed.