# Online Shop

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)
![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)
![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)

---
## Description
---
The Online Shop is build with React. It has custom responsive layout styled with SCSS. It makes an API call to fetch mock products from [Dummy JSON API](https://dummyjson.com/products) with Redux [RTK Query](https://redux-toolkit.js.org/rtk-query/overview). Added also Toastify for notifications. 
The application shows a product home page and a cart page, the routing is done with React Router. 



## Installation 
---
### Under the repository name, click on clone or download. In the terminal paste this command:

```git clone https://dadobos.github.io/online-shop.git```

### Open the project in VSCode or move inside the folder with:

```cd online-shop```

### Install the npm packages: 

```npm install```

### Run the application with: 

```npm start```

### In the browser open the "3000" port: 

```http://localhost:3000/```