Adding gpa to the degree card

src/components/degreeCard/DegreeCard.css

@@ -47,6 +47,11 @@
 .body-header-duration {
   width: 20%;
 }
+
+.body-header-gpa {
+  width: 20%;
+}
+
 .duration {
   font-family: "Google Sans Regular";
   font-size: 16px;
@@ -124,6 +129,12 @@
     width: 100%;
   }
 
+  .body-header-gpa {
+    padding: 0;
+    margin: 0;
+    width: 100%;
+  }
+
   .duration {
     padding: 0px;
     margin: 0px;

src/components/degreeCard/DegreeCard.js

@@ -46,6 +46,11 @@ class DegreeCard extends Component {
                 </h3>
               </div>
             </div>
+            <div className="body-header-gpa">
+              <h3 className="gpa" style={{ color: theme.text }}>
+                {gpa.gpa}
+              </h3>
+            </div>
             <div className="body-content">
               {degree.descriptions.map((sentence) => {
                 return (

src/containers/education/Educations.js

@@ -3,6 +3,7 @@ import "./Educations.css";
 import DegreeCard from "../../components/degreeCard/DegreeCard.js";
 import { degrees } from "../../portfolio";
 import { Fade } from "react-reveal";
+import { gpa } from "../../portfolio";
 
 class Educations extends Component {
   render() {
@@ -16,9 +17,10 @@ class Educations extends Component {
             </h1>
           </Fade>
         </div>
+
         <div className="educations-body-div">
           {degrees.degrees.map((degree) => {
-            return <DegreeCard degree={degree} theme={theme} />;
+            return <DegreeCard degree={degree} gpa={gpa} theme={theme} />;
           })}
         </div>
       </div>

src/portfolio.js

@@ -377,6 +377,13 @@ const competitiveSites = {
   ],
 };
 
+const gpa = {
+  gpa: 3.98,
+};
+
+const coursework = {
+  coursework: [{}],
+};
 const degrees = {
   degrees: [
     {
@@ -668,6 +675,21 @@ const experience = {
         },
       ],
     },
+    {
+      title: "Research",
+      experiences: [
+        {
+          title: "Machine Learning Researcher",
+          company: "Johns Hopkins Applied Physics Laboratory (APL)",
+          company_url: "https://www.jhuapl.edu/",
+          logo_path: "google_logo.png",
+          duration: "June 2019 - April 2020",
+          location: "Fulton, Maryland",
+          description: "Researching for APL in machine learning.",
+          color: "#4285F4",
+        },
+      ],
+    },
   ],
 };
 

src/shared/experience_data.json

@@ -1,55 +1,56 @@
 {
-	"title": "Experience",
-	"subtitle": "Work, Internship and Volunteership",
-	"description":
-		"I have worked with many evolving startups as ML and DL Developer, Designer and Software Architect. I have also worked with some well established companies mostly as AI Developer. I love organising events and that is why I am also involved with many opensource communities as a representative.",
-	"header_image_path": "experience.svg",
-	"sections": [
-		{
-			"title": "Work",
-			"experiences": [
-				{
-					"title": "Android and ML Developer",
-					"company": "Muffito Incorporation",
-					"company_url": "https://www.linkedin.com/company/muffito-inc/about/",
-					"logo_path": "muffito_logo.png",
-					"duration": "May 2018 - Oct 2018",
-					"location": "Pune, Maharashtra",
-					"description":
-						"I have created complete Android Application for locating Pub, Bar and beverage shops around you. I have also worked on implementation of algorithms for Face Detection, Text extraction from Image. I was involved in a team for creating complete software architecure of mobile and web application as well as admin panel for company.",
-					"color": "#9b1578"
-				},
-				{
-					"title": "Android Developer",
-					"company": "FreeCopy Pvt. Ltd.",
-					"company_url": "https://www.linkedin.com/company/freecopy/about/",
-					"logo_path": "freecopy_logo.png",
-					"duration": "Nov 2017 - Dec 2017",
-					"location": "Ahmedabad, Gujarat",
-					"description":
-						"FreeCopy is the Start up from Indian Institute of Management, Ahmedabad. I have changed the integration of the whole app from Google to Firebase. I learnt the efficient ways of Data communications like Retrofit, Eventbus etc. I experienced the real time start up. I learnt the Design thinking of UI on perspective of People.",
-					"color": "#fc1f20"
-				}
-			]
-		},
-		{
-			"title": "Internships",
-			"experiences": [
-				{
-					"title": "Data Science Research Intern",
-					"company": "Delhivery Pvt. Ltd.",
-					"company_url": "https://www.delhivery.com/",
-					"logo_path": "delhivery_logo.png",
-					"duration": "May 2019 - Sept 2019",
-					"location": "Gurgaon, Haryana",
-					"description": "I have worked on project of predicting freight rates based on previous data. There were two objectives: (1) To build a forecasting engine to predict daily freight rates. (2) To embed feature in the model which can explain the seasonal major changes in freight rate based on regions and locations. I have closely worked with deep learning models in combination with statistical methods to create solution for this. At the end of internship, I had created model deployed on AWS EC2 with the use of Kafka stream jobs, ElasticSearch and PostgreSQL.",
-					"color": "#ee3c26"
-				}
-			]
-		},
-		{
-			"title": "Volunteerships",
-			"experiences": []
-		}
-	]
-}
+  "description": "I have worked with many evolving startups as ML and DL Developer, Designer and Software Architect. I have also worked with some well established companies mostly as AI Developer. I love organising events and that is why I am also involved with many opensource communities as a representative.",
+  "header_image_path": "experience.svg",
+  "sections": [
+    {
+      "title": "Work",
+      "experiences": [
+        {
+          "title": "Android and ML Developer",
+          "company": "Muffito Incorporation",
+          "company_url": "https://www.linkedin.com/company/muffito-inc/about/",
+          "logo_path": "muffito_logo.png",
+          "duration": "May 2018 - Oct 2018",
+          "location": "Pune, Maharashtra",
+          "description": "I have created complete Android Application for locating Pub, Bar and beverage shops around you. I have also worked on implementation of algorithms for Face Detection, Text extraction from Image. I was involved in a team for creating complete software architecure of mobile and web application as well as admin panel for company.",
+          "color": "#9b1578"
+        },
+        {
+          "title": "Android Developer",
+          "company": "FreeCopy Pvt. Ltd.",
+          "company_url": "https://www.linkedin.com/company/freecopy/about/",
+          "logo_path": "freecopy_logo.png",
+          "duration": "Nov 2017 - Dec 2017",
+          "location": "Ahmedabad, Gujarat",
+          "description": "FreeCopy is the Start up from Indian Institute of Management, Ahmedabad. I have changed the integration of the whole app from Google to Firebase. I learnt the efficient ways of Data communications like Retrofit, Eventbus etc. I experienced the real time start up. I learnt the Design thinking of UI on perspective of People.",
+          "color": "#fc1f20"
+        }
+      ]
+    },
+    {
+      "title": "Internships",
+      "experiences": [
+        {
+          "title": "Data Science Research Intern",
+          "company": "Delhivery Pvt. Ltd.",
+          "company_url": "https://www.delhivery.com/",
+          "logo_path": "delhivery_logo.png",
+          "duration": "May 2019 - Sept 2019",
+          "location": "Gurgaon, Haryana",
+          "description": "I have worked on project of predicting freight rates based on previous data. There were two objectives: (1) To build a forecasting engine to predict daily freight rates. (2) To embed feature in the model which can explain the seasonal major changes in freight rate based on regions and locations. I have closely worked with deep learning models in combination with statistical methods to create solution for this. At the end of internship, I had created model deployed on AWS EC2 with the use of Kafka stream jobs, ElasticSearch and PostgreSQL.",
+          "color": "#ee3c26"
+        }
+      ]
+    },
+    {
+      "title": "Volunteerships",
+      "experiences": []
+    },
+    {
+      "title": "Research",
+      "experiences": []
+    }
+  ],
+  "subtitle": "Work, Internship and Volunteership",
+  "title": "Experience"
+}