updated resume

components/About.js

@@ -8,7 +8,7 @@ const About = (props) => {
 
   return (
     <div className="section mt-2">
-      <div className="flex items-baseline justify-center">
+      <div className="flex items-center justify-center">
         <div className="m-2 text-right">
           <h1 className="text-2xl md:text-3xl font-extrabold tracking-tight">
             {info.name}
@@ -25,7 +25,7 @@ const About = (props) => {
           </div>
         </div>
 
-        {/* <div className="relative flex my-2 mx-4">
+        <div className="relative flex my-2 mx-4">
           <Link href={twitter.url} className="relative z-10">
             <img
               className="w-20 h-20 md:w-16 md:h-16 rounded-full ring-4 ring-green-400 ring-offset-2 dark:ring-offset-gray-900"
@@ -34,7 +34,7 @@ const About = (props) => {
             />
           </Link>
           <div className="absolute inline-flex w-20 h-20 md:w-16 md:h-16 rounded-full ring-8 ring-green-400 animate-ping opacity-20"></div>
-        </div> */}
+        </div>
 
         <div className="ml-2 mb-2 md:mb-0 text-xs text-gray-500 hidden md:block border-l pl-4 border-gray-700">
           <div>{info.email}</div>
@@ -46,7 +46,10 @@ const About = (props) => {
       </div>
 
       <div className="text-sm text-center italic text-gray-400 mt-2">
-        {info.summary} based in {info.location.address}
+        {info.summary.map((line, i) => (
+          <p key={i}>{line}</p>
+        ))}
+        <p>Based in {info.location.address}</p>
       </div>
     </div>
   );

components/Item.js

@@ -1,5 +1,4 @@
 import Link from 'next/link';
-import Title from './Title';
 
 const Item = (props) => {
   return (
@@ -29,12 +28,14 @@ const Item = (props) => {
         </span>
       </div>
 
-      {props.content && (
-        <p
-          className="text-sm mt-1 text-gray-600 dark:text-gray-500 w-3/4"
-          dangerouslySetInnerHTML={{ __html: props.content }}
-        ></p>
-      )}
+      {props.content?.length &&
+        props.content.map((item, i) => (
+          <p
+            className="text-sm mt-1 text-gray-600 dark:text-gray-500 w-3/4"
+            dangerouslySetInnerHTML={{ __html: item }}
+            key={i}
+          ></p>
+        ))}
     </div>
   );
 };

data/resume.json

@@ -1,11 +1,15 @@
 {
   "basics": {
     "name": "Karim Hossenbux",
-    "label": "Developer / semi-designer",
+    "label": "Software Engineer / Product Developer",
     "image": "https://avatars.githubusercontent.com/u/584224",
     "email": "[email protected]",
     "website": "https://chewingcode.com",
-    "summary": "front-end, half back-end, one third designer",
+    "summary": [
+      "Full-stack Developer with a strong focus on the frontend.",
+      "Detail-oriented, I have a passion for crafting user-friendly interfaces.",
+      "Dedicated on delivering clean, efficient, and maintainable code."
+    ],
     "location": {
       "countryCode": "ES",
       "address": "Barcelona, Spain"
@@ -30,16 +34,37 @@
       "highlights": [],
       "position": "Full-Stack Developer",
       "startDate": "2018/03",
-      "summary": "Revamped and optimized the main <a class='underline' target='_blank' href='https://www.ef.com/wwen/blog/language/'>EF Go Blog</a> (50+ languages and 2+ millions in organic traffic).<br> Migrated WP multisites to Next.js (React) + Storyblok. <br> Managed both maintenance and development of various Next.js projects, implementing new features based on stakeholder requests.",
-      "website": "https://www.ef.com"
+      "summary": [
+        "Revamped and optimized the main <a class='underline' target='_blank' href='https://www.ef.com/wwen/blog/language/'>EF Go Blog</a> (50+ languages and 2+ millions in organic traffic).",
+        "Migrated WP multisites to Next.js (React) + Storyblok, improving site performance and user experience",
+        "Developed a localization tool around Storyblok API, enabling efficient management of translations by Editors.",
+        "Collaborated on building a React UI library using Tailwind CSS to maintain EF Language brand consistency throughout all projects.",
+        "Contributed on our main API to deliver fast and reliable data (destinations, languages, translated contents, etc...) to our frontend applications.",
+        "Managed both maintenance and development of various Next.js projects based of Figmas designs and stakeholder requirements."
+      ],
+      "website": "https://www.ef.com",
+      "skills": [
+        "TypeScript",
+        "React",
+        "Next.js",
+        "Tailwind",
+        "Storyblok",
+        "AWS",
+        "Serverless",
+        "API",
+        "RESTful"
+      ]
     },
     {
       "company": "Merch.dev",
       "endDate": "",
       "highlights": [],
       "position": "Founder",
       "startDate": "2022/04",
-      "summary": "Shopify store. Trying to get more involved in design on my free time.",
+      "summary": [
+        "Launched and oversaw operations for a Shopify e-commerce platform tailored to developers, offering a large range of merchandise.",
+        "Fun side project to get better at design and marketing."
+      ],
       "website": "https://merch.dev"
     },
     {
@@ -48,7 +73,10 @@
       "highlights": [],
       "position": "Founder",
       "startDate": "2018/01",
-      "summary": "Built a cryptocurrency portfolio tracker compatible with macOS, Windows and Linux.<br> Managed every aspect of the App: development, design, sales/licensing and even support 🤪",
+      "summary": [
+        "Developed a cryptocurrency portfolio tracker compatible with macOS, Windows, and Linux, currently expanding to iOS/Android using React Native.",
+        "Managed all aspects of the app, including development, design, sales/licensing, and support."
+      ],
       "website": "https://moonitor.io"
     },
     {
@@ -57,7 +85,9 @@
       "highlights": [],
       "position": "Full-Stack Developer",
       "startDate": "2010/08",
-      "summary": "Managed an entire network of gambling websites (400+), using WordPress and Laravel.<br> Implemented around 100 websites from scratch based on the stakeholder designs and requirements.",
+      "summary": [
+        "Managed a network of 400+ gambling websites, implementing over 100 sites from scratch based on stakeholder requirements."
+      ],
       "website": "https://www.exoty.com"
     },
     {
@@ -66,7 +96,10 @@
       "highlights": [],
       "position": "Web Developer",
       "startDate": "2010/01",
-      "summary": "Worked on different clients websites to implement new features on both front-end and back-end (Liceu Theatre, Knorr, Moventis).",
+      "summary": [
+        "Implemented new features on various client websites, including Liceu Theatre, Knorr, and Moventis.",
+        "Contributed to both front-end and back-end development tasks."
+      ],
       "website": "https://mariabarcelona.com/"
     },
     {
@@ -75,7 +108,10 @@
       "highlights": [],
       "position": "Web Developer",
       "startDate": "2008/03",
-      "summary": "Managed an entire network of gambling websites (1200+), using WordPress, Drupal and static/dynamic stack.<br>Developed a centralized back-end for all networks to serve dynamically widgets and ads.",
+      "summary": [
+        "Managed a network of 1200+ gambling websites using WordPress, Drupal, and dynamic/static stack.",
+        "Developed a centralized backend for serving dynamic contents, widgets and ads across all networks."
+      ],
       "website": "https://cmedia.es"
     }
   ],
@@ -93,7 +129,7 @@
   "education": [
     {
       "institution": "Université de Saint-Denis",
-      "area": "English license",
+      "area": "English degree",
       "studyType": "Licence",
       "startDate": "2006/12",
       "endDate": "2008/12",
@@ -122,44 +158,57 @@
   "skills": [
     {
       "keywords": [
-        "JS",
+        "TypeScript",
+        "JavaScript",
         "React",
+        "RSC",
         "Next.js",
+        "React Native",
         "Tailwind",
         "Nuxt.js",
         "Vuex",
         "Vue",
         "Electron",
+        "CSS/SVG Animation",
+        "UI/UX",
+        "p5.js",
+        "Jest",
+        "Cypress",
         "HTML",
         "SCSS",
         "CSS"
       ],
-      "level": "Senior",
       "name": "Frontend"
     },
     {
       "keywords": [
-        "Node",
+        "Serverless",
+        "Architect Serverless",
+        "AWS SAM",
+        "Terraform",
+        "Lambda",
+        "S3",
+        "CloudFront",
+        "Headless CMS (Storyblok)",
         "PostgreSQL",
         "MySQL",
-        "Serverless",
+        "Node",
         "PHP",
+        "Laravel",
         "API",
-        "REST",
-        "JWT"
+        "RESTful"
       ],
-      "level": "Senior",
       "name": "Backend"
     },
     {
       "keywords": [
+        "Shopify",
         "Swift",
         "Python",
         "Figma",
         "Sketch",
-        "CSS/SVG Animation"
+        "JIRA"
       ],
-      "level": "Senior",
       "name": "Extra"
     }
   ],
@@ -189,12 +238,6 @@
     {
       "name": "Music"
     },
-    {
-      "name": "podcast"
-    },
-    {
-      "name": "dog"
-    },
     {
       "name": "running"
     },
@@ -204,14 +247,17 @@
     {
       "name": "anime"
     },
+    {
+      "name": "my dog"
+    },
     {
       "name": "video game"
     },
     {
       "name": "longboard"
     },
     {
-      "name": "design"
+      "name": "side projects (design and development)"
     }
   ]
 }