Remove unnecessary code and install necessary packages

jcy2704 · jcy2704 · Apr 7, 2021 · Apr 7, 2021 · Apr 7, 2021 · Apr 7, 2021
commit 9d45d838b363bc06f3191caf53a4793a1c7f0a41
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,9 +6,15 @@
  "@testing-library/jest-dom": "^5.11.4",
  "@testing-library/react": "^11.1.0",
  "@testing-library/user-event": "^12.1.10",
+ "axios": "^0.21.1",
+ "prop-types": "^15.7.2",
  "react": "^17.0.2",
  "react-dom": "^17.0.2",
+ "react-redux": "^7.2.3",
+ "react-router-dom": "^5.2.0",
  "react-scripts": "4.0.3",
+ "redux": "^4.0.5",
+ "redux-thunk": "^2.3.0",
  "web-vitals": "^1.0.1"
  },
  "scripts": {

diff --git a/public/index.html b/public/index.html
@@ -28,7 +28,7 @@
  </head>
  <body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
- <div id="root"></div>
+ <main id="root"></main>
  <!--
  This HTML file is a template.
  If you open it directly in the browser, you will see an empty page.

diff --git a/src/App.css b/src/App.css
@@ -1,38 +1,5 @@
-.App {
- text-align: center;
-}
-
-.App-logo {
- height: 40vmin;
- pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
- .App-logo {
- animation: App-logo-spin infinite 20s linear;
- }
-}
-
-.App-header {
- background-color: #282c34;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: calc(10px + 2vmin);
- color: white;
-}
-
-.App-link {
- color: #61dafb;
-}
-
-@keyframes App-logo-spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
-}
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
diff --git a/src/App.js b/src/App.js
@@ -4,20 +4,7 @@ import './App.css';
 function App() {
  return (
  <div className="App">
- <header className="App-header">
- <img src={logo} className="App-logo" alt="logo" />
- <p>
- Edit <code>src/App.js</code> and save to reload.
- </p>
- <a
- className="App-link"
- href="https://reactjs.org"
- target="_blank"
- rel="noopener noreferrer"
- >
- Learn React
- </a>
- </header>
+ <header className="App-header" />
  </div>
  );
 }

diff --git a/src/App.test.js b/src/App.test.js
diff --git a/src/index.css b/src/index.css
@@ -1,13 +1,5 @@
-body {
+* {
+ padding: 0;
  margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
- monospace;
-}
+ box-sizing: border-box;
+}
diff --git a/src/logo.svg b/src/logo.svg
diff --git a/src/setupTests.js b/src/setupTests.js