#10 Install axios and add api

src/App.js

@@ -2,6 +2,7 @@ import styles from './App.module.css'
 import NavBar from './components/NavBar';
 import Container from 'react-bootstrap/Container';
 import { Route, Switch } from 'react-router-dom';
+import './api/axiosDefaults'
 
 
 function App() {

src/App.module.css

@@ -1,17 +1,3 @@
-/* Add general styles like hover effects and such */
-
-:root {
-  /* Colors */
-  --clr-primary-light: rgb(245, 245, 245);
-  --clr-primary-dark: rgb(35 32 14);
-
-  --clr-natural-light: rgb(255, 250, 243);
-
-  --clr-accent-pink: rgb(160 108 131);
-  --clr-accent-light: rgb(149, 164, 170);
-  --clr-accent-dark: rgb(72 102 113);
-}
-
 .App {
   background-color: var(--clr-primary-light);
   color: var(--clr-primary-dark);

src/api/axiosDefaults.js

@@ -0,0 +1,5 @@
+import axios from "axios";
+
+axios.defaults.baseURL = 'https://travel-tickr-api-e57198555b47.herokuapp.com/' //url to api
+axios.defaults.headers.post['Content-Type'] = 'multipart/form-data' // multipart necessary since we have both text and images
+axios.defaults.withCredentials = true