Added Work experience tech stack and skills. Updated Resume

webdevsk · Mar 29, 2024 · 141497b · 141497b
1 parent 70855dc
commit 141497b
Show file tree

Hide file tree

Showing 6 changed files with 107 additions and 11 deletions.
diff --git a/next.config.mjs b/next.config.mjs
@@ -5,7 +5,7 @@ const nextConfig = {
         return [
             {
                 source: '/',
-                destination: '/template1',
+                destination: '/template2',
                 permanent: true,
             },
         ]

diff --git a/src/app/(viewer-side)/template1/page.css b/src/app/(viewer-side)/template1/page.css
@@ -188,6 +188,13 @@
     .responsibilities {
       /* @apply mb-1 mt-1 flex flex-col gap-y-1; */
     }
+
+    .tech-stack {
+      @apply flex w-3/4 flex-wrap items-center gap-1;
+      & > *:not(:first-child) {
+        @apply rounded-md border border-current px-1 transition-colors hover:border-theme hover:bg-theme hover:text-white hover:no-underline;
+      }
+    }
   }
 
   #education {

diff --git a/src/app/(viewer-side)/template1/page.jsx b/src/app/(viewer-side)/template1/page.jsx
@@ -149,16 +149,39 @@ export default function Template1({ searchParams }) {
                         {job.location && <small>{job.location}</small>}
                       </div>
                     </div>
-                    {/* <div>
-                      <h6>Soft Skills Acquired:</h6>
+
+                    <div className="tech-stack">
+                      <h6 className="">Tech Stack: </h6>
+                      {!!job.techStack?.length &&
+                        job.techStack.map(item => (
+                          // `${item}${i === arr.length - 1 ? "." : ", "}`,
+                          <a
+                            target="_blank"
+                            rel="noreferrer"
+                            className={
+                              printMode ? "pointer-events-none" : undefined
+                            }
+                            href={
+                              !printMode &&
+                              `https://www.google.com/search?q=${item}`
+                            }
+                            key={item}
+                          >
+                            <p>{item}</p>
+                          </a>
+                        ))}
+                    </div>
+
+                    <div>
+                      <h6>Skills:</h6>
                       <ul className="soft-skills">
-                        {job.skills.map((skill) => (
+                        {job.skills.map(skill => (
                           <li key={skill}>
                             <p className="bullet-item">{skill}</p>
                           </li>
                         ))}
                       </ul>
-                    </div> */}
+                    </div>
                     <div>
                       <h6>Responsibilites:</h6>
                       <ul className="responsibilities">

diff --git a/src/app/(viewer-side)/template2/page.css b/src/app/(viewer-side)/template2/page.css
@@ -194,6 +194,12 @@
         @apply leading-6;
       }
     }
+    .tech-stack {
+      @apply flex w-3/4 flex-wrap gap-1;
+      & > * {
+        @apply block rounded-md border border-dashed border-accent px-1 transition-colors hover:bg-accent hover:text-white hover:no-underline;
+      }
+    }
   }
 
   #education {

diff --git a/src/app/(viewer-side)/template2/page.jsx b/src/app/(viewer-side)/template2/page.jsx
@@ -193,6 +193,42 @@ export default function Template2({ searchParams }) {
                         {job.location && <small>{job.location}</small>}
                       </div>
                     </div>
+                    <div className="tech-stack">
+                      {!!job.techStack?.length &&
+                        job.techStack.map((item, i, arr) => (
+                          // `${item}${i === arr.length - 1 ? "." : ", "}`,
+                          <a
+                            target="_blank"
+                            rel="noreferrer"
+                            className={
+                              printMode ? "pointer-events-none" : undefined
+                            }
+                            href={
+                              !printMode
+                                ? `https://www.google.com/search?q=${item}`
+                                : undefined
+                            }
+                            key={item}
+                            style={{ "--rand-color": randColor(400) }}
+                          >
+                            <p>{item}</p>
+                          </a>
+                        ))}
+                    </div>
+
+                    <div>
+                      <h6>Skills:</h6>
+                      <ul className="soft-skills">
+                        {job.skills.map(skill => (
+                          <li
+                            key={skill}
+                            style={{ "--rand-color": randColor(400) }}
+                          >
+                            <p className="bullet-item">{skill}</p>
+                          </li>
+                        ))}
+                      </ul>
+                    </div>
                     {/* <div>
                       <h6>Soft Skills Acquired:</h6>
                       <ul className="soft-skills">

diff --git a/src/data/resume.js b/src/data/resume.js
@@ -5,21 +5,21 @@ const resume = {
     lastName: "Khan",
     photo: null,
     title: "Frontend Web Developer",
-    location: "Dhaka, Bangladesh",
+    location: "Dohar, Dhaka, Bangladesh",
     phone: "+880 1305 335088",
     email: "webdevz.sk@gmail.com",
     telephone: null,
     github: "https://github.com/webdevsk",
     linkedin: "https://linkedin.com/in/webdevsk",
     twitter: null,
     facebook: null,
-    liveLink: "https://webdevsk.github.io/react-resume/",
+    liveLink: "https://resume-zeta-green-59.vercel.app/",
     about:
       "I am a Frontend Web Developer skilled in creating interactable solutions and solving technical and design problems using React and Vanilla JS. I have more than 2 years of experience in creating pixel-perfect and mobile responsive Websites that meet client requirements. I debug design and functional issues with my intermediate knowledge of Dev Tools, Search Engines and ChatGPT.",
     skills: [
       {
         heading: "Frontend",
-        data: ["React", "Redux", "RTK Query", "JavaScript", "Tailwind", "Sass", "CSS", "HTML"],
+        data: ["Next JS 14", "React", "Redux", "JavaScript", "Tailwind", "Sass", "CSS", "HTML"],
       },
       {
         heading: "Backend",
@@ -31,7 +31,6 @@ const resume = {
           "MySQL",
           "Serverless",
           "Restful API",
-          "PHP"
         ],
       },
       {
@@ -49,7 +48,7 @@ const resume = {
     projects: [
       {
         enabled: true,
-        title: "BestBuy Clone (Work in Progress)",
+        title: "BestBuy Clone",
         shortDescription: "BestBuy but built using React JS",
         link: "https://bestbuy-clone-d99b5f.netlify.app/",
         repo: "https://github.com/webdevsk/bestbuy-clone",
@@ -97,7 +96,7 @@ const resume = {
         ],
       },
       {
-        enabled: true,
+        enabled: false,
         title: "Random Task Today",
         shortDescription:
           "Generate a random task to do today and see a refreshing photo related to it",
@@ -151,6 +150,31 @@ const resume = {
     experiences: [
       {
         enabled: true,
+        position:
+          "Jr. Frontend Web Developer",
+        company: "Ezam Tech Solutions Int.",
+        location: "Keraniganj, Dhaka, Bangladesh",
+        dateFrom: "JAN 2024",
+        dateTo: "Present",
+        techStack: [
+          "Next JS 14 (App Router)", "Tailwind CSS", "Redux Toolkit"
+        ],
+        skills: [
+          "Proficient in Next.js for building scalable server-side rendered applications.",
+          "Proven ability to translate technical requirements into actionable development task.",
+          "Effective communicator with experience in liaising between UI/UX teams and management.",
+          "Demonstrated leadership as the lead developer, guiding project direction and team collaboration.",
+          "Familiarity with e-commerce platform development, focusing on user experience and performance.",
+          "Ability to adapt to changing requirements and prioritize tasks to meet tight deadlines.",
+        ],
+        responsibilities: [
+          "Lead Frontend Dev developing the next big E-Commerce Store (https://www.ezammart.com).",
+          "Lead Frontend Dev and maintainer of the company website (https://www.ezam-tech.com/).",
+          "Direct communication with UI/UX designers and management to help achieve Company`s goal.",
+        ],
+      },
+      {
+        enabled: false,
         position:
           "E-commerce Operations Associate, Inventory Management Associate",
         company: "Wadi Groceries, Carrefour",