diff --git a/src/resume.js b/src/resume.js
index 3cee3cb..df863ae 100644
--- a/src/resume.js
+++ b/src/resume.js
@@ -13,6 +13,7 @@ const resume = {
linkedin: "https://linkedin.com/in/webdevsk",
twitter: null,
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.",
skills: [
@@ -45,15 +46,30 @@ const resume = {
// },
],
experiences: [
- // {
- // position: null,
- // company: null,
- // location: null,
- // dateFrom: null,
- // dateTo: null,
- // skillset: "",
- // responsibilities: [],
- // },
+ {
+ position:
+ "E-commerce Operations, Retail Operations and Inventory Management Associate.",
+ company: "Wadi Groceries",
+ location: "Riyadh, Saudiarabia",
+ dateFrom: "01-4-7",
+ dateTo: "Present",
+ skills: [
+ "Communication skills",
+ "Organizational skills",
+ "Ability to work independently and as part of a team",
+ "Attention to detail",
+ "Problem-solving skills",
+ "Technical skills (MS Excel, Ecommerce Dashboard)",
+ "Ability to learn new technologies quickly",
+ ],
+ responsibilities: [
+ "Process online orders accurately and efficiently",
+ "Assemble and package orders for shipping",
+ "Update shop database using MS Excel and online console inorder to maintain inventory records",
+ "Troubleshoot technical problems",
+ "Stay up-to-date on the latest ecommerce technologies",
+ ],
+ },
],
educations: [
// {
diff --git a/src/templates/Template1.css b/src/templates/Template1.css
index 1d1f2a7..e5423b8 100644
--- a/src/templates/Template1.css
+++ b/src/templates/Template1.css
@@ -53,10 +53,46 @@
}
#skills .skillset {
- @apply grid grid-flow-row justify-start gap-x-2 gap-y-1 pt-2 marker:text-xs marker:text-body md:grid-flow-col md:grid-rows-3;
+ @apply grid grid-flow-row justify-start gap-x-2 gap-y-1 pt-2 md:grid-flow-col md:grid-rows-3;
}
- #skills .skillset li {
- @apply inline-flex items-center gap-1 before:content-["•"];
+ /* projects */
+ #experiences {
+ @apply border-t border-accent;
+ }
+ #experiences .heading {
+ @apply bg-theme py-1 text-center;
+ }
+ #experiences .heading > * {
+ @apply text-gray-50;
+ }
+ #experiences .content {
+ @apply mt-template flex flex-col gap-y-4;
+ }
+ #experiences .sections {
+ @apply flex flex-col gap-y-2;
+ }
+ #experiences .row {
+ @apply grid grid-cols-3 gap-x-2;
+ }
+ #experiences .company {
+ @apply text-center;
+ }
+ #experiences .date {
+ @apply text-end;
+ }
+ #experiences :where(.responsibilities, .soft-skills) {
+ }
+ /* #experiences .soft-skills {
+ @apply flex flex-wrap gap-x-2;
+ }
+ #experiences .soft-skills > * {
+ @apply w-1/4 grow;
+ } */
+}
+
+@layer utilities {
+ .bullet-list > * {
+ @apply flex items-center gap-1 before:leading-3 before:content-["•"];
}
}
diff --git a/src/templates/Template1.jsx b/src/templates/Template1.jsx
index 740db3f..2bad45a 100644
--- a/src/templates/Template1.jsx
+++ b/src/templates/Template1.jsx
@@ -84,7 +84,7 @@ const Template1 = () => {
{category.heading}
-
+
{category.data.map((skill) => (
-
{skill}
@@ -129,27 +129,45 @@ const Template1 = () => {
{data.experiences.length !== 0 && (
-
Work Experience
+ Work Experiences
{data.experiences.map((job) => (
- -
+
-
-
{job.title}
-
{job.company}
-
{job.location}
-
{job.dateFrom}
-
{job.dateTo}
+
+
{job.position}
+
+
+
{job.company}
+ ({job.location})
+
+
+
+ {job.dateFrom} - {job.dateTo}
+
+
-
-
Soft Skills Acquired:
-
{job.skillset}
+
+
Soft Skills Acquired:
+
+ {job.skills.map((skill) => (
+ -
+
{skill}
+
+ ))}
+
+
+
+
Responsibilites:
+
+ {job.responsibilities.map((responsibility) => (
+ -
+
{responsibility}
+
+ ))}
+
-
- {job.responsibilities.map((responsibility) => (
- - {responsibility}
- ))}
-
))}