Major Improvements and Added spoken languages section

webdevsk · Sep 9, 2023 · 317bf0a · 317bf0a
1 parent 43beb15
commit 317bf0a
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 24 deletions.
diff --git a/src/resume.js b/src/resume.js
@@ -15,7 +15,7 @@ const resume = {
     facebook: null,
     liveLink: "https://webdevsk.github.io/react-resume/",
     about:
-      "I am a Frontend Web Developer creating interactable solutions and solving both technical and design challenges using Vanilla JavaScript and React JS. I have more than 2 years of experience in creating pixel-perfect and mobile responsive Websites that met client requirements. I debug design and functional issues with my deep knowledge on Dev Tools and Search Engines.",
+      "I am a Frontend Web Developer creating interactable solutions and solving both technical and design challenges using React and Vanilla JS. I have more than 2 years of experience in creating pixel-perfect and mobile responsive Websites that met client requirements. I debug design and functional issues with my intermediate knowledge on Dev Tools and Search Engines.",
     skills: [
       {
         heading: "Frontend",
@@ -53,7 +53,7 @@ const resume = {
           "Create, mark, pin or delete tasks. Bulk check and remove completed tasks.",
           "Handheld device accessible. Bottom input field improves reachability.",
           "Create dynamic categories either from within the APP or from browser URL directly",
-          "Side Menu visibility state is dynamically managed based on device orientation and viewport.",
+          "Side Menu visibility is dynamically managed based on device orientation and viewport.",
         ],
       },
       {
@@ -99,7 +99,7 @@ const resume = {
         responsibilities: [
           "Pocessed on average 50-70 online orders each day accurately and efficiently",
           "Assembled and packaged orders for shipping",
-          "After promotion I used to update shop database using MS Excel and their ecommerce online console inorder to maintain inventory records",
+          "Updated database using Excel and Ecommerce console to maintain inventory records",
           "Troubleshooted technical problems",
           "Thrived to stay up-to-date on the latest ecommerce technologies",
         ],
@@ -132,7 +132,7 @@ const resume = {
           "Technical skills (scanning, data entry)",
         ],
         responsibilities: [
-          "I scanned returned items, updated inventory records (average of 600-700 items per day)",
+          "Scanned returned items, updated inventory records (average of 700 items per day)",
           "Inspected returned items for damage",
           "Processed returns according to company policy",
           "Kept the warehouse clean and organized",
@@ -195,6 +195,13 @@ const resume = {
         dateTo: "2010",
       },
     ],
+    spokenLanguages: [
+      "English (Fluent)",
+      "Bangla (Fluent)",
+      "Hindi (Fluent)",
+      "Urdu (Fluent)",
+      "Arabic (Basic)",
+    ],
   },
 }
 

diff --git a/src/templates/Template2.css b/src/templates/Template2.css
@@ -88,17 +88,14 @@
       @apply leading-6;
     }
     .date svg {
-      @apply text-accent;
+      @apply text-sm text-accent;
     }
     .builders {
       @apply flex flex-wrap items-center justify-center gap-1;
       & > * {
         @apply block rounded-md border border-accent px-1  transition-colors hover:bg-accent hover:text-white hover:no-underline;
       }
     }
-    .features {
-      /* @apply flex flex-col gap-y-1; */
-    }
   }
 
   #experiences {
@@ -121,16 +118,10 @@
         @apply leading-6;
       }
     }
-
-    .soft-skills,
-    .responsibilities {
-      /* @apply mb-1 mt-1 flex flex-col gap-y-1; */
-    }
   }
 
   #education {
     .content {
-      /* @apply flex flex-col gap-y-1; */
       @apply mx-1 rounded-lg bg-color1 p-4 shadow-md;
     }
 
@@ -144,12 +135,18 @@
       }
     }
   }
+
+  #spoken-languages {
+    .content {
+      @apply mx-1 rounded-lg bg-color1 p-4 shadow-md;
+      .langs {
+        @apply flex flex-wrap items-center gap-x-3 gap-y-1;
+      }
+    }
+  }
 }
 
 @layer utilities {
-  /* .bullet-item:before {
-    @apply me-1 text-xs leading-3 text-theme content-["◆"];
-  } */
   .heading {
     @apply py-template text-center uppercase [&>*]:text-theme;
   }

diff --git a/src/templates/Template2.jsx b/src/templates/Template2.jsx
@@ -126,11 +126,13 @@ const Template2 = ({ printMode }) => {
             </div>
           ))}
         </div>
-        <div className="col">
-          <p className="resume-title title">Resume Live Version:</p>
-          <a href={data.liveLink}>
-            <p>{data.liveLink}</p>
-          </a>
+        <div className="row">
+          <div className="col">
+            <p className="resume-title title">Resume Live Version:</p>
+            <a href={data.liveLink}>
+              <p>{data.liveLink}</p>
+            </a>
+          </div>
         </div>
       </div>
 
@@ -141,7 +143,7 @@ const Template2 = ({ printMode }) => {
       {data.skills && (
         <div id="skills">
           <div className="heading">
-            <h5>Language and Frameworks</h5>
+            <h5>Language and Libraries</h5>
           </div>
           <div className="row">
             {data.skills.map((category) => (
@@ -179,7 +181,9 @@ const Template2 = ({ printMode }) => {
                       <a className="date" href={project.repo}>
                         <small>
                           <FontAwesomeIcon icon="fa-brands fa-github" />{" "}
-                          <span className="max-sm:hidden">{project.repo}</span>
+                          <span className="max-sm:hidden">
+                            {project.repo.replace("https://github.com/", "")}
+                          </span>
                           <span className="sm:hidden">Github</span>
                         </small>
                       </a>
@@ -325,6 +329,24 @@ const Template2 = ({ printMode }) => {
           </ul>
         </div>
       )}
+      {data.spokenLanguages && data.spokenLanguages.length && (
+        <div id="spoken-languages">
+          <h5 className="heading">Spoken Languages</h5>
+          <div className="content">
+            <ul className="langs">
+              {data.spokenLanguages.map((lang) => (
+                <li
+                  key={lang}
+                  className="bullet-item"
+                  style={{ "--rand-color": randColor(500) }}
+                >
+                  <p>{lang}</p>
+                </li>
+              ))}
+            </ul>
+          </div>
+        </div>
+      )}
     </div>
   )
 }