online shop app

2023-01-06 16:30:17 +01:00
parent ea5924bf48
commit 018ee29abd
21 changed files with 30351 additions and 1 deletions
@@ -1 +1,36 @@
-# online-shop
+# 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/```