testing analytics

.gitignore

@@ -21,3 +21,6 @@ site
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+
+notes.txt

package-lock.json

@@ -17,6 +17,7 @@
         "react": "^17.0.2",
         "react-bootstrap": "^1.6.4",
         "react-dom": "^17.0.2",
+        "react-ga": "^3.3.0",
         "react-image-gallery": "^1.2.7",
         "react-responsive-carousel": "^3.2.21",
         "react-router-dom": "^5.3.0",
@@ -15719,6 +15720,15 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
       "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew=="
     },
+    "node_modules/react-ga": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/react-ga/-/react-ga-3.3.0.tgz",
+      "integrity": "sha512-o8RScHj6Lb8cwy3GMrVH6NJvL+y0zpJvKtc0+wmH7Bt23rszJmnqEQxRbyrqUzk9DTJIHoP42bfO5rswC9SWBQ==",
+      "peerDependencies": {
+        "prop-types": "^15.6.0",
+        "react": "^15.6.2 || ^16.0 || ^17"
+      }
+    },
     "node_modules/react-image-gallery": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/react-image-gallery/-/react-image-gallery-1.2.7.tgz",
@@ -33870,6 +33880,12 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
       "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew=="
     },
+    "react-ga": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/react-ga/-/react-ga-3.3.0.tgz",
+      "integrity": "sha512-o8RScHj6Lb8cwy3GMrVH6NJvL+y0zpJvKtc0+wmH7Bt23rszJmnqEQxRbyrqUzk9DTJIHoP42bfO5rswC9SWBQ==",
+      "requires": {}
+    },
     "react-image-gallery": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/react-image-gallery/-/react-image-gallery-1.2.7.tgz",

package.json

@@ -13,6 +13,7 @@
     "react": "^17.0.2",
     "react-bootstrap": "^1.6.4",
     "react-dom": "^17.0.2",
+    "react-ga": "^3.3.0",
     "react-image-gallery": "^1.2.7",
     "react-responsive-carousel": "^3.2.21",
     "react-router-dom": "^5.3.0",

src/App.js

@@ -1,6 +1,7 @@
 import { Route, Link, HashRouter as Router } from 'react-router-dom'
 
 import './App.css';
+import ReactGA from 'react-ga'
 import Nav from './componets/Nav.js'
 import Socials from './componets/Socials.js'
 import Home from './pages/Home.js'
@@ -12,25 +13,28 @@ import 'aos/dist/aos.css'; // You can also use <link> for styles
 AOS.init();
 
 function App() {
+  ReactGA.initialize('G-E2V93W9CNV');
+  ReactGA.pageview('Init page view');
+
   return (
     <Router>
-    <div className="App">
+      <div className="App">
-      <div className="header">
+        <div className="header">
-        <a href="/"><h1>Andrew Simonson</h1></a>
+          <a href="/"><h1>Andrew Simonson</h1></a>
-        <Nav id='navbar'>
+          <Nav id='navbar'>
-          <Link to='/'>Home</Link>
+            <Link to='/'>Home</Link>
-          <a href='resume.pdf' target='_blank'>Resume</a>
+            <a href='resume.pdf' target='_blank'>Resume</a>
-          <Link to='/projects'>Projects</Link>
+            <Link to='/projects'>Projects</Link>
-          <Link to='/about'>About</Link>
+            <Link to='/about'>About</Link>
-        </Nav>
+          </Nav>
+        </div>
+        <Route exact path='/'><Home /></Route>
+        <Route exact path='/projects'><Projects /></Route>
+        <Route exact path='/about'><AboutMe /></Route>
+        <div className='footer'>
+          <Socials />
+        </div>
       </div>
-      <Route exact path='/'><Home /></Route>
-          <Route exact path='/projects'><Projects /></Route>
-          <Route exact path='/about'><AboutMe /></Route>
-      <div className='footer'>
-        <Socials />
-      </div>
-    </div>
     </Router>
   );
 }

src/pages/AboutMe.js

@@ -44,9 +44,9 @@ export default function AboutMe(){
     <div className='col'>
         <div id='skills' data-aos='fade-up'>
             <h2>Skills</h2>
-            <Skills>{['Python','JavaScript','Java','C++','SQL','SQLite','Sequelize','SQLAlchemy',
+            <Skills>{['Python','JavaScript','Java','C','C++','SQL','SQLite','Sequelize','SQLAlchemy',
                 'HTML','CSS','Object-Oriented Programming','Git','Github','Linux','Raspberry Pi',
-                'LaTeX','Flask','DOM Scraping','Google API','React.js','Node.js']}</Skills>
+                'LaTeX','Angular','Flask','DOM Scraping','Google API','React.js','Node.js']}</Skills>
         </div>
         <div data-aos='fade-up' className='elementBlock'>
             <h2>Extracirricular Awards</h2>