Content Updates

package.json

@@ -19,7 +19,7 @@
     "react-bootstrap": "^1.5.2",
     "react-dom": "^17.0.2",
     "react-helmet": "^6.1.0",
-    "react-icons": "^4.2.0",
+    "react-icons": "^4.7.1",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",

src/components/Footer/Footer.js

@@ -50,7 +50,7 @@ class Navbar extends React.Component {
 
           <div className="footer-text">
             Made with React and Github Pages <br/>
-            Copyright © Erlisa Kulla 2021
+            Copyright © Erlisa Kulla 2023
           </div>
         </div>
       </>

src/components/Navbar/Navbar.css

@@ -7,15 +7,15 @@
   font-weight: 300;
 }
 
-.nav-link:after {
+.nav-link::after {
   display:block;
   content: '';
   border-bottom: solid 3px rgb(38 38 38);  
   transform: scaleX(0);  
   transition: transform 250ms ease-in-out;
 }
 
-.nav-link:not(#resume-btn, .wrapper .nav-link):hover:after, .nav-link.active::after { 
+.nav-link:not(#resume-btn, .wrapper .nav-link):hover:after, .nav-link.active:not(#resume-btn)::after { 
   transform: scaleX(1); 
 }
 

src/main/Home/HomePage.css

@@ -100,7 +100,7 @@
   margin-right: 5%;
 }
 
-#bmw-paper, #jsc-paper, #idmc-paper, #jacobs-paper, #emis-paper {
+#job-paper, #edu-paper {
   padding-top: 20px;
   padding-bottom: 20px;
   line-height: 1.5;
@@ -433,7 +433,7 @@ h3 {
   border-radius: 4px;
 }
 
-#bmw-paper {
+#job-paper, #edu-paper {
   cursor: pointer;
 }
 

src/main/Home/HomePage.js

@@ -83,7 +83,7 @@ class Home extends React.Component {
           <section id="about" name="about">
             <h1>About Me</h1>
             <p style={{fontSize:'16px'}} id="about-text">
-              I am from Albania, currently located in 📍 Bremen, Germany. 
+              I am from Albania, currently located in 📍 Greenville, SC, USA. 
               My biggest passions are programming and art and I am always looking for ways to combine the two.
               I love 🎨 painting, 🎶 listening to music, 🎸 playing bass, 🎥 watching animated movies and shows, and of course 💻 programming.
             </p>

src/main/content/education.json

@@ -0,0 +1,46 @@
+[
+    {
+        "id": 0,
+        "code": "emis",
+        "institution": "Eastern Mediterranean International School",
+        "duration": "2017 - 2019",
+        "location": "Tel Aviv, Israel",
+        "degree": "International Baccalaureate Diploma",
+        "website": "https://em-is.org/",
+        "courses": [
+            "English A: Language and Literature SL",
+            "Spanish Ab Initio",
+            "Global Politics SL",
+            "Mathematics HL",
+            "Computer Science HL",
+            "Visual Arts HL"
+        ]
+    },
+    {
+        "id": 1,
+        "code": "jub",
+        "institution": "Jacobs University Bremen",
+        "duration": "2019 - 2023",
+        "location": "Bremen, Germany",
+        "degree": "BSc. Computer science",
+        "website": "https://www.jacobs-university.de/",
+        "courses": [
+            "Introduction to Computer Science",
+            "Introduction to Robotics and Mobile Systems",
+            "Programming in C and C++",
+            "Algorithms and Data Structures",
+            "Operating Systems",
+            "Databases and Web Services",
+            "Secure and Dependable Systems",
+            "Software Engineering",
+            "Automata, Computability and Complexity",
+            "Computer Networks",
+            "Human Computer Interaction",
+            "Artificial Intelligence",
+            "Machine Learning",
+            "Web Application Development",
+            "Calculus and Linear Algebra I & II",
+            "Probability and Random Processes"
+        ]
+    }
+]

src/main/content/jobs.json

@@ -0,0 +1,103 @@
+[
+    {
+        "id": 0,
+        "code": "idmc",
+        "title": "Content Creator",
+        "company": "Institute for Democracy, Media and Culture",
+        "duration":"January 2017 - August 2017",
+        "website": "https://idmc.al/en/",
+        "location": "Tirana, Albania",
+        "tasks": [
+            "Created several videos for their project called \"Communist Terminologue\"",
+            "Animated a 4-minute-long video titled <a href=\"https://www.youtube.com/watch?v=7gBE8CJcYOw&t=2s\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"padding-left:5px; color:blue\">\"The Train of Dictatorship\"</a> and won 1st place at their national contest "
+        ],
+        "expand": true
+    },
+    {
+        "id": 1,
+        "code": "jsc",
+        "title": "Head of Marketing and Design",
+        "company": "Jacobs Startup Competition",
+        "duration":"April 2020 - March 2021",
+        "website": "https://www.jacobs-startup.com",
+        "location": "Bremen, Germany",
+        "tasks": [
+            "Recruited and led the Marketing Team for JSC 2021",
+            "Created visual content: logo design, social media posts, brochures, posters, flyers, videos, recruitment material etc.",
+            "Designed and managed the JSC website"],
+        "expand": true
+    },
+    {
+        "id": 2,
+        "code": "bmw1",
+        "title": "DevOps Engineer - Intern",
+        "company": "BMW Group",
+        "duration":"June 2021 - July 2021",
+        "website": "http://www.bmwgroup.de",
+        "location": "Munich, Germany (Remote)",
+        "tasks": [
+            "Worked in an agile environment as part of the Financial Services Team (Credit Risk Rating)",
+            "Fixed issues of Test Automation tasks using SoapUI and Guardean 4",
+            "Migrated several jobs from an old Jenkins platform to a new one using Jenkinsfiles"
+        ],
+        "expand": true
+    },
+    {
+        "id": 3,
+        "code": "jh",
+        "title": "Head of IT",
+        "company": "jacobsHack!",
+        "duration":"July 2021 - November 2021",
+        "website": "https://jacobshack.com/",
+        "location": "Bremen, Germany",
+        "tasks": [
+            "Lead the IT Team for the jacobsHack! 2021 hackathon",
+            "Built the website: <a href=\"https://jacobshack.com\" style=\"color:blue\">https://jacobshack.com</a> (2021 version)",
+            "Built the frontend of the the participant registration page: <a href=\"https://jhack2021.herokuapp.com\" style=\"color:blue\">https://jhack2021.herokuapp.com</a>"
+        ],
+        "expand": true
+    },
+    {
+        "id": 4,
+        "code": "allianz",
+        "title": "AI-driven User Interfaces Developer - Working Student",
+        "company": "Allianz SE",
+        "duration":"September 2021 - February 2022",
+        "website": "https://www.allianz.de",
+        "location": "Munich, Germany (Remote)",
+        "tasks": [
+            "Worked in an agile environment as part of the Group Data Analytics Team",
+            "Developed the frontend interface for the Motor Claim Suite Demo platform using Angular and the Allianz Angular components library"
+        ],
+        "expand": true
+    },
+    {
+        "id": 5,
+        "code": "bmw2",
+        "title": "DevOps Engineer - Working Student",
+        "company": "BMW Group",
+        "duration":"March 2022 - August 2022",
+        "website": "http://www.bmwgroup.de",
+        "location": "Munich, Germany (Remote)",
+        "tasks": [
+            "Worked as part of the Financial Services – Group IT team",
+            "Tasks included: delivery assurance, testing (Jira Xray), CI/CD pipelines (Jenkins), error handling, database management (Oracle SQL Developer), software releases, and documentation (Confluence)"],
+        "expand": true
+    }
+    ,
+    {
+        "id": 6,
+        "code": "bmwmc",
+        "title": "Innovation and Research International Intern",
+        "company": "BMW Manufacturing Co. LLC",
+        "duration":"September 2022 - March 2023",
+        "website": "https://www.bmwgroup-werke.com/spartanburg/en.html",
+        "location": "Greenville, SC, USA",
+        "tasks": [
+            "Researching on the topic of Generative AI (Stable Diffusion, DALL-E, ChatGPT etc.",
+            "Developing BMW use cases using Python",
+            "Designing concepts for a Metaverse project using Photoshop and Unreal Engine 4"
+        ],
+        "expand": true
+    }
+]

src/main/sections/CanDo.js

@@ -5,7 +5,7 @@ import { Card, Progress } from 'antd';
 import { AiFillHtml5 } from 'react-icons/ai';
 import { DiCss3, DiPython, DiJavascript, DiJava, DiReact, DiNodejsSmall, DiMysql } from 'react-icons/di';
 import { BsFillBootstrapFill } from 'react-icons/bs';
-import { SiAdobephotoshop, SiAdobeillustrator, SiAdobepremiere, SiAdobexd } from 'react-icons/si';
+import { SiAdobephotoshop, SiAdobeillustrator, SiAdobepremierepro, SiAdobexd, SiAngular } from 'react-icons/si';
 import { FiFigma, FiChevronDown, FiChevronUp } from 'react-icons/fi';
 import { SiDjango, SiCplusplus } from 'react-icons/si';
 // import uiux from '../../img/ui-ux-icon.svg';
@@ -45,7 +45,7 @@ export const CanDoList = () => {
                 <FiFigma size={25}/>
                 <SiAdobephotoshop size={25}/>
                 <SiAdobeillustrator size={25}/>
-                <SiAdobepremiere size={25}/>
+                <SiAdobepremierepro size={25}/>
                 <SiAdobexd size={25}/>
               </div> :
               null
@@ -84,7 +84,7 @@ export const CanDoList = () => {
                   </Grid>
 
                   <Grid item xs={2}>
-                    <SiAdobepremiere size={25}/>
+                    <SiAdobepremierepro size={25}/>
                   </Grid>
                   <Grid item xs={10}>
                     Adobe Premiere Pro
@@ -130,6 +130,7 @@ export const CanDoList = () => {
                 <DiJavascript size={25}/>
                 <BsFillBootstrapFill size={20}/>
                 <DiReact size={25}/>
+                <SiAngular size={22}/>
               </div> :
               null
             }
@@ -167,7 +168,7 @@ export const CanDoList = () => {
                   </Grid>
 
                   <Grid item xs={2}>
-                    <BsFillBootstrapFill size={25}/>
+                    <BsFillBootstrapFill size={20}/>
                   </Grid>
                   <Grid item xs={10}>
                     Bootstrap
@@ -185,6 +186,16 @@ export const CanDoList = () => {
                       <Progress percent={60} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/>
                     </Tooltip>
                   </Grid>
+
+                  <Grid item xs={2}>
+                    <SiAngular size={22}/>
+                  </Grid>
+                  <Grid item xs={10}>
+                    Angular
+                    <Tooltip title="6/10" placement="right" arrow>
+                      <Progress percent={50} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/>
+                    </Tooltip>
+                  </Grid>
                 </Grid>
               </Collapse>
             </div>