Update experience and resume

erlisakulla · Jan 11, 2024 · f6df2af · f6df2af
1 parent 199edde
commit f6df2af
Show file tree

Hide file tree

Showing 10 changed files with 125 additions and 62 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -4,6 +4,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@babel/helper-get-function-arity": "^7.16.7",
     "@material-ui/core": "^4.11.3",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "*",

diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
@@ -4,7 +4,7 @@ import './Navbar.css';
 import { FiDownload, FiMenu, FiX } from 'react-icons/fi';
 import { Button } from 'antd';
 import { Nav } from 'react-bootstrap';
-import Resume from '../../resume/ErlisaKullaCV-Feb2023.pdf';
+import Resume from '../../resume/ErlisaKullaCV-Jan2024.pdf';
 
 function Navbar() {
   const closeNav = () => {

diff --git a/src/img/7-logo.png b/src/img/7-logo.png
diff --git a/src/main/Home/HomePage.js b/src/main/Home/HomePage.js
@@ -4,7 +4,7 @@ import self from '../../img/self.png';
 import { Grid } from '@material-ui/core';
 import { BackTop, Button } from 'antd';
 import { CanDoList } from '../sections/CanDo';
-import { LearningList } from '../sections/Learning';
+// import { LearningList } from '../sections/Learning';
 import { Projects } from '../sections/Projects';
 import ContactMe from '../sections/ContactMe';
 import { FiChevronUp, FiChevronsRight } from 'react-icons/fi';
@@ -67,23 +67,23 @@ class Home extends React.Component {
           </div>
 
           <section id="skills" name="skills">
-            <h1>Skills</h1>
+            <h1 style={{paddingBottom:30}}>Skills</h1>
 
             <div id="can-do">
-              <h3 style={{paddingBottom:30}}>What I can do</h3>
+              {/* <h3 style={{paddingBottom:30}}>What I can do</h3> */}
               <CanDoList/>
             </div>
 
-            <div id="learning">
+            {/* <div id="learning">
               <h3 style={{paddingBottom:30}}>What I am learning</h3>
               <LearningList/>
-            </div>
+            </div> */}
           </section>
 
           <section id="about" name="about">
             <h1>About Me</h1>
             <p style={{fontSize:'16px'}} id="about-text">
-              I am from Albania, currently located in 📍 Greenville, SC, USA. 
+              I am from Albania, currently located in 📍 Munich, Germany. 
               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>

diff --git a/src/main/content/jobs.json b/src/main/content/jobs.json
@@ -83,8 +83,7 @@
             "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",
@@ -94,9 +93,23 @@
         "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"
+            "Researched on the topic of Generative AI (Stable Diffusion, DALL-E, ChatGPT etc.",
+            "Worked on developing an internal BMW chat assistant (LLM) using React and Python",
+            "Gave presentations on usages and implementations of Stable Diffusion"
+        ],
+        "expand": true
+    },
+    {
+        "id": 7,
+        "code": "bmw3",
+        "title": "Software Engineer",
+        "company": "BMW Group",
+        "duration":"July 2023 - Present",
+        "website": "http://www.bmwgroup.de",
+        "location": "Munich, Germany",
+        "tasks": [
+            "Researched on the topic of Generative AI and applications of Large Language Models",
+            "Worked in the Innovation and Emerging Technologies team on building an AI assistant for the Cloud Data Hub (a database management platform) which assists users with documentation questions as well as querying, analyzing and visualizing data (Text2SQL)"
         ],
         "expand": true
     }

diff --git a/src/main/content/skills.json b/src/main/content/skills.json
@@ -0,0 +1,37 @@
+[
+  {
+    "id": 0,
+    "code": "genai",
+    "title": "Generative AI",
+    "description": "",
+    "skills": [
+        "Python",
+        "LangChain",
+        "OpenAI"
+    ],
+    "expand": true
+  },
+  {
+    "id": 1,
+    "code": "fullstack",
+    "title": "Fullstack Development",
+    "description": "",
+    "skills": [
+        "React",
+        "Angular",
+        "Python",
+        "SQL"
+    ],
+    "expand": true
+  },
+  {
+    "id": 2,
+    "code": "devops",
+    "title": "DevOps",
+    "description": "",
+    "skills": [
+        ""
+    ],
+    "expand": true
+  }
+]
diff --git a/src/main/sections/CanDo.js b/src/main/sections/CanDo.js
@@ -3,12 +3,10 @@ import '../Home/HomePage.css';
 import { Grid, Collapse, Tooltip } from '@material-ui/core';
 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, SiAdobepremierepro, SiAdobexd, SiAngular } from 'react-icons/si';
+import { DiCss3, DiPython, DiJavascript, DiReact, DiNodejsSmall } from 'react-icons/di';
+import { BsFiletypeSql } from "react-icons/bs";
+import { SiAdobephotoshop, SiAdobeillustrator, SiAdobepremierepro, SiTypescript, SiAngular, SiAmazonaws, SiCplusplus, SiMicrosoftazure } 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';
 
 export const CanDoList = () => {
   const [uiUxExpand, setUiUxExpand] = useState(false);
@@ -35,8 +33,7 @@ export const CanDoList = () => {
 
           <h5>UI/UX Design</h5>
           <hr/>
-          Design and prototype websites and apps using tools like <b>Figma</b> and <b>Adobe XD</b>. 
-          Expertise in design tools like <b>Adobe Photoshop</b> and <b>Illustrator</b>.
+          Design and prototype websites and apps using tools like <b>Figma</b>, <b>Adobe Photoshop</b> and <b>Adobe Illustrator</b>.
 
           <div style={{paddingTop:'20px'}} className="icons" onClick={handleExpandClick1}>
             {
@@ -46,7 +43,6 @@ export const CanDoList = () => {
                 <SiAdobephotoshop size={25}/>
                 <SiAdobeillustrator size={25}/>
                 <SiAdobepremierepro size={25}/>
-                <SiAdobexd size={25}/>
               </div> :
               null
             }
@@ -92,16 +88,6 @@ export const CanDoList = () => {
                       <Progress percent={60} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/>
                     </Tooltip>
                   </Grid>
-
-                  <Grid item xs={2}>
-                    <SiAdobexd size={25}/>
-                  </Grid>
-                  <Grid item xs={10}>
-                    Adobe XD
-                    <Tooltip title="5/10" placement="right" arrow>
-                      <Progress percent={50} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/> 
-                    </Tooltip>
-                  </Grid>
                 </Grid>
               </Collapse>
             </div>
@@ -119,7 +105,7 @@ export const CanDoList = () => {
         <Card elevation={3} className="cando-card">
           <h5>Frontend Development</h5>
           <hr/>
-          Design and build static and responsive websites using <b>HTML</b>, pure <b>CSS</b>, <b>Javascript</b>, <b>jQuery</b> as well as <b>React.js</b> and <b>Bootstrap</b>. Build frontend frameworks to handle interactions with backend.
+          Building static or dynamic web apps using <b>HTML</b>, <b>CSS</b>, <b>JavaScript</b>, <b>TypeScript</b>, <b>Angular</b> or <b>React</b>.
 
           <div style={{paddingTop:'20px'}} className="icons"  onClick={handleExpandClick2}>
             {
@@ -128,7 +114,7 @@ export const CanDoList = () => {
                 <AiFillHtml5 size={25}/>
                 <DiCss3 size={25}/>
                 <DiJavascript size={25}/>
-                <BsFillBootstrapFill size={20}/>
+                <SiTypescript size={25}/>
                 <DiReact size={25}/>
                 <SiAngular size={22}/>
               </div> :
@@ -161,27 +147,27 @@ export const CanDoList = () => {
                     <DiJavascript size={25}/>
                   </Grid>
                   <Grid item xs={10}>
-                    Javascript
+                    JavaScript
                     <Tooltip title="8/10" placement="right" arrow>
                       <Progress percent={80} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/>
                     </Tooltip>
                   </Grid>
 
                   <Grid item xs={2}>
-                    <BsFillBootstrapFill size={20}/>
+                    <SiTypescript size={20}/>
                   </Grid>
                   <Grid item xs={10}>
-                    Bootstrap
+                  TypeScript
                     <Tooltip title="8/10" placement="right" arrow>
-                      <Progress percent={80} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/>
+                      <Progress percent={60} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/>
                     </Tooltip>
                   </Grid>
 
                   <Grid item xs={2}>
                     <DiReact size={25}/>
                   </Grid>
                   <Grid item xs={10}>
-                    React.js
+                    React
                     <Tooltip title="6/10" placement="right" arrow>
                       <Progress percent={60} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/>
                     </Tooltip>
@@ -212,17 +198,17 @@ export const CanDoList = () => {
         <Card elevation={3} className="cando-card">
           <h5>Backend Development</h5>
           <hr/>
-          Build dynamic services that require database or API management using <b>Django</b>, <b>Django REST Framework</b> and <b>Node.js</b>. Experience in general use of <b>Java</b>, <b>C/C++</b> and <b>Python</b>.
+          Build dynamic services that require database or API management using <b>Python</b>, <b>Node</b>, <b>SQL</b>, <b>AWS</b> or <b>Azure</b>.
 
           <div style={{paddingTop:'20px'}} className="icons" onClick={handleExpandClick3}>
             {
               (backendExpand === false) ?
               <div className="just-icons" id="backend-icons">
                 <SiCplusplus size={25}/>
-                <DiMysql size={25}/>
+                <BsFiletypeSql size={25}/>
                 <DiPython size={25}/>
-                <SiDjango size={25}/>
-                <DiJava size={25}/>
+                <SiAmazonaws size={25}/>
+                <SiMicrosoftazure size={25}/>
                 <DiNodejsSmall size={25}/>
               </div> :
               null
@@ -242,10 +228,10 @@ export const CanDoList = () => {
                   </Grid>
 
                   <Grid item xs={2}>
-                    <DiMysql size={25}/>
+                    <BsFiletypeSql size={25}/>
                   </Grid>
                   <Grid item xs={10}>
-                    MySQL
+                    SQL
                     <Tooltip title="7/10" placement="right" arrow>
                       <Progress percent={70} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/>
                     </Tooltip>
@@ -262,34 +248,33 @@ export const CanDoList = () => {
                   </Grid>
 
                   <Grid item xs={2}>
-                    <SiDjango size={25}/>
+                    <SiAmazonaws size={25}/>
                   </Grid>
                   <Grid item xs={10}>
-                    Django
-                    <Tooltip title="5/10" placement="right" arrow>
+                    AWS
+                    <Tooltip title="4/10" placement="right" arrow>
                       <Progress percent={50} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/>
                     </Tooltip>
                   </Grid>
 
                   <Grid item xs={2}>
-                    <DiJava size={25}/>
+                    <SiMicrosoftazure size={25}/>
                   </Grid>
                   <Grid item xs={10}>
-                    Java
-                    <Tooltip title="5/10" placement="right" arrow>
-                      <Progress percent={50} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/>
+                    Azure
+                    <Tooltip title="4/10" placement="right" arrow>
+                      <Progress percent={40} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/>
                     </Tooltip>
                   </Grid>
 
                   <Grid item xs={2}>
                     <DiNodejsSmall size={25}/>
                   </Grid>
                   <Grid item xs={10}>
-                    Node.js
+                    Node
                     <Tooltip title="4/10" placement="right" arrow>
                       <Progress percent={40} showInfo={false} strokeColor="grey" trailColor="#dbdbdb"/>
                     </Tooltip>
-
                   </Grid>
                 </Grid>
               </Collapse>

diff --git a/src/resume/ErlisaKullaCV-Jan2024.pdf b/src/resume/ErlisaKullaCV-Jan2024.pdf