Skip to content

Commit

Permalink
Added Costefficient in projects, Added conditional visibility
Browse files Browse the repository at this point in the history
  • Loading branch information
webdevsk committed Oct 6, 2023
1 parent 5b2a2c9 commit 8b94aff
Show file tree
Hide file tree
Showing 3 changed files with 301 additions and 257 deletions.
126 changes: 73 additions & 53 deletions src/resume.js
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,20 @@ const resume = {
],
projects: [
{
enabled: true,
title: "Costefficient",
shortDescription: "Payment Processor Services (Client Project - Work in Progress)",
link: "https://costefficient.co.uk/",
repo: "https://costefficient.co.uk/",
builtWith: ["WordPress", "Elementor Pro", "Elementor Flexbox", "JavaScript"],
features: [
"6 pages WordPress website being built from scratch with Elementor Pro.",
"Improve upon source website design using the latest Flex-box and Elementor Beta features.",
"Elementor Form improved with custom logic using hand-written JavaScript script."
],
},
{
enabled: true,
title: "React TODO App",
shortDescription: "A TODO APP built with React JS",
link: "https://celadon-cactus-42acbb.netlify.app/",
Expand All @@ -64,6 +78,7 @@ const resume = {
],
},
{
enabled: false,
title: "Random Task Today",
shortDescription:
"Generate a random task to do today and see a refreshing photo related to it",
Expand All @@ -78,6 +93,7 @@ const resume = {
],
},
{
enabled: true,
title: "Banco Pan",
shortDescription: "Figma to HTML Convertion",
link: "https://webdevsk.github.io/Banco-Pan/",
Expand All @@ -102,6 +118,7 @@ const resume = {
],
experiences: [
{
enabled: true,
position:
"E-commerce Operations Associate, Inventory Management Associate",
company: "Wadi Groceries, Carrefour",
Expand All @@ -124,59 +141,62 @@ const resume = {
"Thrived to stay up-to-date on the latest ecommerce technologies",
],
},
// {
// position: "Freelance Food Delivery Driver",
// company: "",
// location: "",
// dateFrom: "JUNE 2019",
// dateTo: "OCT 2019",
// skills: ["Time management", "Customer service", "Communication"],
// responsibilities: [
// "Receive orders on phone",
// "Pick up and deliver food on time",
// "Maintain a clean and organized car",
// "Follow safety procedures",
// "Communicate with customers regarding order status",
// ],
// },
// {
// position: "Returns Processor",
// company: "JollyChik Warehouse SA",
// location: "Riyadh, Saudiarabia",
// dateFrom: "FEB 2018",
// dateTo: "APR 2018",
// skills: [
// "Attention to detail",
// "Accuracy",
// "Ability to work independently and as part of a team",
// "Technical skills (scanning, data entry)",
// ],
// responsibilities: [
// "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",
// ],
// },
// {
// position: "Flyer Distributor (Part time)",
// company: "Moneygram Financial Service",
// location: "Riyadh, Saudiarabia",
// dateFrom: "JUL 2017",
// dateTo: "FEB 2018",
// skills: [
// "Persuasion skills",
// "Communication skills (verbal and written)",
// "Interpersonal skills",
// "Flexibility",
// ],
// responsibilities: [
// "Distributed flyers to targeted areas generating on average of 150-200 leads per day.",
// "Built relationships with potential leads",
// "I convinced and persuaded leads into trying the company's services",
// "I had to maintain a positive attitude and demeanor to win over potential customers",
// ],
// },
{
enabled: false,
position: "Freelance Food Delivery Driver",
company: "",
location: "",
dateFrom: "JUNE 2019",
dateTo: "OCT 2019",
skills: ["Time management", "Customer service", "Communication"],
responsibilities: [
"Receive orders on phone",
"Pick up and deliver food on time",
"Maintain a clean and organized car",
"Follow safety procedures",
"Communicate with customers regarding order status",
],
},
{
enabled: false,
position: "Returns Processor",
company: "JollyChik Warehouse SA",
location: "Riyadh, Saudiarabia",
dateFrom: "FEB 2018",
dateTo: "APR 2018",
skills: [
"Attention to detail",
"Accuracy",
"Ability to work independently and as part of a team",
"Technical skills (scanning, data entry)",
],
responsibilities: [
"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",
],
},
{
enabled: false,
position: "Flyer Distributor (Part time)",
company: "Moneygram Financial Service",
location: "Riyadh, Saudiarabia",
dateFrom: "JUL 2017",
dateTo: "FEB 2018",
skills: [
"Persuasion skills",
"Communication skills (verbal and written)",
"Interpersonal skills",
"Flexibility",
],
responsibilities: [
"Distributed flyers to targeted areas generating on average of 150-200 leads per day.",
"Built relationships with potential leads",
"I convinced and persuaded leads into trying the company's services",
"I had to maintain a positive attitude and demeanor to win over potential customers",
],
},
],
educations: [
{
Expand Down
200 changes: 105 additions & 95 deletions src/templates/Template1.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -124,58 +124,64 @@ const Template = ({ printMode }) => {
<h5>Project Experience</h5>
</div>
<ul className="content">
{data.projects.map((project) => (
<li key={project.title} className="sections">
<div className="title-section">
<a href={project.link}>
<h5>{project.title}</h5>
</a>
{project.repo && (
<p>
{/* <h6 className="inline">Repository: </h6> */}
<a className="date" href={project.repo}>
<small className="leading-5">{project.repo}</small>
{data.projects.map(
(project) =>
project.enabled && (
<li key={project.title} className="sections">
<div className="title-section">
<a href={project.link}>
<h5>{project.title}</h5>
</a>
</p>
)}
<p className="w-full">
{"=>"} {project.shortDescription}
</p>
</div>
{project.repo && (
<p>
{/* <h6 className="inline">Repository: </h6> */}
<a className="date" href={project.repo}>
<small className="leading-5">{project.repo}</small>
</a>
</p>
)}
<p className="w-full">
{"=>"} {project.shortDescription}
</p>
</div>

<div className="builders">
<h6 className="">Built With: </h6>
{project.builtWith.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}`
}
key={item}
>
<p>{item}</p>
</a>
))}
</div>
<div className="builders">
<h6 className="">Built With: </h6>
{project.builtWith.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}`
}
key={item}
>
<p>{item}</p>
</a>
))}
</div>

<div className="row">
<h6 className="col">Features:</h6>
<ul className="col features">
{project.features.map((feature) => (
<li key={feature}>
<p className="bullet-item">
{feature}
{feature.at(-1) === "." ? "" : "."}
</p>
</li>
))}
</ul>
</div>
</li>
))}
<div className="row">
<h6 className="col">Features:</h6>
<ul className="col features">
{project.features.map((feature) => (
<li key={feature}>
<p className="bullet-item">
{feature}
{feature.at(-1) === "." ? "" : "."}
</p>
</li>
))}
</ul>
</div>
</li>
),
)}
</ul>
</div>
)}
Expand All @@ -187,54 +193,58 @@ const Template = ({ printMode }) => {
<h5>Work Experience</h5>
</div>
<ul className="content">
{data.experiences.map((job) => (
<li key={job.position} className="sections">
<div className="row">
<div className="position">
{job.position.split(",").map((title) => (
<h5 key={title}>{title.trim()}</h5>
))}
</div>
<div className="details">
<div className="company">
{job.company && <h6>{job.company}</h6>}
{data.experiences.map(
(job) =>
job.enabled && (
<li key={job.position} className="sections">
<div className="row">
<div className="position">
{job.position.split(",").map((title) => (
<h5 key={title}>{title.trim()}</h5>
))}
</div>
<div className="details">
<div className="company">
{job.company && <h6>{job.company}</h6>}
</div>
<div className="date">
{(job.dateFrom || job.dateTo) && (
<small>
{job.dateFrom}{" "}
{job.dateFrom && job.dateTo && " - "}
{job.dateTo}
</small>
)}
</div>
{job.location && <small>{job.location}</small>}
</div>
</div>
<div className="date">
{(job.dateFrom || job.dateTo) && (
<small>
{job.dateFrom} {job.dateFrom && job.dateTo && " - "}
{job.dateTo}
</small>
)}
<div>
<h6>Soft Skills Acquired:</h6>
<ul className="soft-skills">
{job.skills.map((skill) => (
<li key={skill}>
<p className="bullet-item">{skill}</p>
</li>
))}
</ul>
</div>
{job.location && <small>{job.location}</small>}
</div>
</div>
<div>
<h6>Soft Skills Acquired:</h6>
<ul className="soft-skills">
{job.skills.map((skill) => (
<li key={skill}>
<p className="bullet-item">{skill}</p>
</li>
))}
</ul>
</div>
<div>
<h6>Responsibilites:</h6>
<ul className="responsibilities">
{job.responsibilities.map((responsibility) => (
<li key={responsibility}>
<p className="bullet-item">
{responsibility}
{responsibility.at(-1) !== "." && "."}
</p>
</li>
))}
</ul>
</div>
</li>
))}
<div>
<h6>Responsibilites:</h6>
<ul className="responsibilities">
{job.responsibilities.map((responsibility) => (
<li key={responsibility}>
<p className="bullet-item">
{responsibility}
{responsibility.at(-1) !== "." && "."}
</p>
</li>
))}
</ul>
</div>
</li>
),
)}
</ul>
</div>
)}
Expand Down
Loading

0 comments on commit 8b94aff

Please sign in to comment.