add gh pages and readme

Author: Maciekbe89

README.md

@@ -16,7 +16,7 @@ I present my new application. The Exchanger vol 2 is an app where you have 3 sec
 ![src/assets/screens/screen2.png](src/assets/screens/screen2.png)
 ![src/assets/screens/screen1.png](src/assets/screens/screen1.png)
 
-All I created in [REACT JS](https://reactjs.org/) and [Styled-Component](https://styled-components.com/). All icons are from [Styled-Icons](https://styled-icons.js.org/). To the select input I used [React-Select](https://react-select.com/) and to the chart - [ApexCharts](https://apexcharts.com/).
+All I created in [REACT JS](https://reactjs.org/) and [Styled-Components](https://styled-components.com/). All icons are from [Styled-Icons](https://styled-icons.js.org/). To the select input I used [React-Select](https://react-select.com/) and to the chart - [ApexCharts](https://apexcharts.com/).
 
 It works well in multiple resolutions (mobile, tablet, desktop, portrait and landscape) :iphone: :computer:
 

package-lock.json

@@ -1,4 +1,5 @@
 {
+  "homepage": "https://maciekbe89.github.io/exchanger-vol2/",
   "name": "exchanger-vol2",
   "version": "0.1.0",
   "private": true,
@@ -7,6 +8,7 @@
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
     "apexcharts": "^3.22.0",
+    "gh-pages": "^3.1.0",
     "react": "^16.13.1",
     "react-apexcharts": "^1.3.7",
     "react-dom": "^16.13.1",
@@ -18,7 +20,10 @@
     "styled-icons": "^10.21.0",
     "styled-normalize": "^8.0.7"
   },
+
   "scripts": {
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d build",
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",

package.json

@@ -15,7 +15,7 @@ function App() {
         <Start getStart={() => setActive(false)} />
       ) : (
         <>
-          <Router>
+          <Router basename={process.env.PUBLIC_URL}>
             <NavTop>currency calculator</NavTop>
             <Switch>
               <Route exact path="/" component={Calculator} />