feat: BrowserRouter routing works fine now

README.md

@@ -1,7 +1,6 @@
 trainings, certifications and employment opportunities for teachers
 
 [![Codacy Badge](https://api.codacy.com/project/badge/Grade/c2a6c9e610854e1da519d5eeab79df0d)](https://app.codacy.com/gh/BuildForSDG/EduKolab-Frontend?utm_source=github.com&utm_medium=referral&utm_content=BuildForSDG/EduKolab-Frontend&utm_campaign=Badge_Grade_Settings)
-[![Codacy Badge](https://api.codacy.com/project/badge/Grade/c2a6c9e610854e1da519d5eeab79df0d)](https://app.codacy.com/gh/BuildForSDG/team-099-frontend?utm_source=github.com&utm_medium=referral&utm_content=BuildForSDG/team-099-frontend&utm_campaign=Badge_Grade_Settings)
 
 ## About
 The name of our soolution is **EduKolab**.

package.json

@@ -44,6 +44,7 @@
     "jest-enzyme": "^7.1.2",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
+    "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.1",
     "serve": "^11.3.0"
   },

src/__tests__/App.test.js

@@ -1,12 +1,7 @@
 import React from 'react';
 import { mount, shallow } from 'enzyme';
-import { render } from '@testing-library/react';
 import App from '../app.js';
 
-it('renders welcome message', () => {
-  const { getByText } = render(<App />);
-  expect(getByText('Learn React')).toBeInTheDocument();
-});
 
 it('renders app component without crashing', () => {
   shallow(<App />);

src/app.js

@@ -1,7 +1,12 @@
 import React from 'react';
+import { Route, BrowserRouter as Router } from 'react-router-dom';
+import Home from './components/home/home.js';
+
 
 function App() {
-  return <div className="App">Learn React</div>;
+  return <Router>
+    <Route path='/' component={Home} />
+  </Router>;
 }
 
 export default App;

src/components/home/home.js

@@ -0,0 +1,7 @@
+import React, { Component } from 'react';
+
+export default class Home extends Component {
+  render = () => (
+      <div>Welcome Home</div>
+  );
+}