Cleaned up code structure

src/components/About.js

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import "bootstrap/dist/css/bootstrap.css";
 import { Grid, Row, Col } from "react-bootstrap";
-import "./about.css";
+import "../css/about.css";
 import AmanTahilianiPortfolio from "../media/AmanTahilianiPortfolio.png";
 import { Button } from "bootstrap";
 import resume from "../media/Aman_Tahiliani_Resume_June24.pdf";

src/components/Experience.js

@@ -1,13 +1,13 @@
 import React, { Component } from "react";
 import "bootstrap/dist/css/bootstrap.css";
 // import { Row, Col} from "react-bootstrap";
-import "./experience.css";
+import "../css/experience.css";
 import ExperienceCard from "./experienceCard";
-import experienceData from "./experience.json"
+import experienceData from "../data/experience.json"
-import InnovaccerLogo from "../media/innovaccerLogo.png";
+import InnovaccerLogo from "../media/logos/companies/innovaccerLogo.png";
-import Medsupervision from "../media/logo.png"
+import Medsupervision from "../media/logos/companies/logo.png"
-import GeorgiaTech from "../media/GeorgiaTech.png"
+import GeorgiaTech from "../media/logos/companies/GeorgiaTech.png"
-import Rimidi from "../media/rimidi.png"
+import Rimidi from "../media/logos/companies/rimidi.png"
 
 const logos = {Innovaccer:InnovaccerLogo,Medsupervision:Medsupervision,"Georgia Tech":GeorgiaTech,Rimidi:Rimidi}
 

src/components/Header.js

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import "bootstrap/dist/css/bootstrap.css";
 import { Row, Col } from "react-bootstrap";
-import "./header.css";
+import "../css/header.css";
 
 class Header extends Component {
   render() {
@@ -32,10 +32,16 @@ class Header extends Component {
                     <a href="#Experience">Experience</a>
                   </Col>
                   <Col>
-                    <a>Devtools</a>
+                    <a href="#DevTools">Devtools</a>
                   </Col>
                   <Col>
-                    <a href="https://www.linkedin.com/in/amantahiliani/">Contact Me!</a>
+                    <a
+                      href="https://www.linkedin.com/in/amantahiliani/"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      Contact Me!
+                    </a>
                   </Col>
                 </Row>
               </Col>

src/components/Publication.js

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import "bootstrap/dist/css/bootstrap.css";
 import { Row, Col, TabContainer } from "react-bootstrap";
-import "./publication.css";
+import "../css/publication.css";
 
 class Publication extends Component {
   render() {

src/components/contact.js

@@ -1,7 +1,7 @@
 import React, { Component, useState } from "react";
 import "bootstrap/dist/css/bootstrap.css";
 // import { Row, Col, TabContainer } from "react-bootstrap";
-import "./contact.css";
+import "../css/contact.css";
 
 
 function Contact () {

src/components/devtools.js

@@ -1,10 +1,10 @@
 import React, { Component } from "react";
-import PythonLogo from "../media/python-logo.png"
+import PythonLogo from "../media/logos/languages/python-logo.png"
-import JavaLogo from "../media/java-logo.png"
+import JavaLogo from "../media/logos/languages/java-logo.png"
-import CplusLogo from "../media/c++.png"
+import CplusLogo from "../media/logos/languages/c++.png"
-import JavaScriptLogo from "../media/JavaScript.webp"
+import JavaScriptLogo from "../media/logos/languages/JavaScript.webp"
-import './devtools.css'
+import '../css/devtools.css'
-import Languages from "./programmingLaguages.json"
+import Languages from "../data/programmingLaguages.json"
 
 const logos = {
   "Python":PythonLogo,

src/components/experienceCard.js

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import "bootstrap/dist/css/bootstrap.css";
 import { Row, Col, TabContainer } from "react-bootstrap";
-import "./experience.css";
+import "../css/experience.css";
 
 class ExperienceCard extends Component {
   render() {

src/components/publicationSlider.js

@@ -1,6 +1,6 @@
 import React, { Component } from "react";
 import Slider from "react-slick";
-import publicationData from "./publications.json"
+import publicationData from "../data/publications.json"
 import Publication  from "./Publication";
 import "slick-carousel/slick/slick.css"; 
 import "slick-carousel/slick/slick-theme.css";

src/views/Portfolio.js

@@ -0,0 +1,2 @@
+import React from 'react';
+import "./App.css";