assembler-institute · Ricard-Garcia · Jun 4, 2021 · Jun 4, 2021 · Jun 4, 2021 · Jun 4, 2021
diff --git a/README.md b/README.md
@@ -155,3 +155,55 @@ Thanks goes to these wonderful people
 This project follows the
 [all-contributors](https://github.com/all-contributors/all-contributors)
 specification. Contributions of any kind welcome!
+
+## Notes
+
+### Components
+
+Components
+
+```
+Checkout
+
+Header (navlinks)
+  Navlinks
+  Checkout button (Remove)
+
+Main (using BrowseRouter)
+  Process
+  Form
+    Input(s)
+    Submit button
+
+  Footer (navigation buttons)
+    Navigation Button (Changing inside text depending on page)
+
+Sidebar
+
+
+States
+
+Checkout Checkout information (object using context)
+
+Sidebar Disccount code (Easter egg)
+```
+
+### States
+
+State of each form.
+
+### Images/SVG
+
+\*Tick/Cross
+
+\*Lock
+
+\*PayPal/ApplePay
+
+\*VISA/MasterCard/AmericanExpress
+
+\*Back of a card (CVV Code)
+
+### Resources
+
+[Material UI](https://material-ui.com/getting-started/installation/)
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,10 +13,12 @@
     "@testing-library/react": "^11.2.6",
     "@testing-library/user-event": "^13.1.5",
     "bootstrap": "^4.6.0",
+    "classnames": "^2.3.1",
     "clsx": "^1.1.1",
     "formik": "^2.2.6",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
+    "react-bootstrap": "^1.6.1",
     "react-dom": "^17.0.2",
     "react-redux": "^7.2.3",
     "react-router-dom": "^5.2.0",

diff --git a/public/index.html b/public/index.html
@@ -24,7 +24,12 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <!-- Link to icons -->
+    <link
+      rel="stylesheet"
+      href="https://unicons.iconscout.com/release/v4.0.0/css/thinline.css"
+    />
+    <title>React Shopping Wizard</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
@@ -39,5 +44,20 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
+    <script
+      src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+      integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+      integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+      integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+      crossorigin="anonymous"
+    ></script>
   </body>
 </html>