From 1a19bb2a8f2b1288e9cc0dabdb53d5b22af59231 Mon Sep 17 00:00:00 2001 From: Murtadha Date: Fri, 12 Jul 2024 17:15:45 -0400 Subject: [PATCH] Add experience section, and also created a folder for logo of companies --- public/jobs/amazon.png | Bin 0 -> 22125 bytes src/App.jsx | 52 ++++---- src/components/Experience.jsx | 0 src/components/experience/Experience.jsx | 59 +++++++++ .../experience/Experience.module.css | 113 ++++++++++++++++++ 5 files changed, 199 insertions(+), 25 deletions(-) create mode 100644 public/jobs/amazon.png delete mode 100644 src/components/Experience.jsx create mode 100644 src/components/experience/Experience.jsx create mode 100644 src/components/experience/Experience.module.css diff --git a/public/jobs/amazon.png b/public/jobs/amazon.png new file mode 100644 index 0000000000000000000000000000000000000000..11ee78137195874c1e9e6b42f2d8a1f31841692d GIT binary patch literal 22125 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 literal 0 HcmV?d00001 diff --git a/src/App.jsx b/src/App.jsx index 8df0b2a..24e93b1 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,36 +1,38 @@ -import React from 'react'; +import React from "react"; -import Header from './components/header/Header'; -import Footer from './components/footer/Footer'; -import Hero from './components/hero/Hero'; -import Education from './components/education/Education'; +import Header from "./components/header/Header"; +import Footer from "./components/footer/Footer"; +import Hero from "./components/hero/Hero"; +import Education from "./components/education/Education"; +import Experience from "./components/experience/Experience"; -import styles from './App.module.css'; +import styles from "./App.module.css"; function App() { - return ( -
-
-
- -
-
-

Welcome to My Portfolio

-

This is where you'll add your portfolio content.

-
-
- {/*
+ return ( +
+
+
+ +
+
+

Welcome to My Portfolio

+

This is where you'll add your portfolio content.

+
+
+ {/*

Another Section

This section has a different background color.

*/} - - {/* Add more sections as needed */} -
-
-
- ); + + + {/* Add more sections as needed */} +
+
+
+ ); } -export default App; \ No newline at end of file +export default App; diff --git a/src/components/Experience.jsx b/src/components/Experience.jsx deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/experience/Experience.jsx b/src/components/experience/Experience.jsx new file mode 100644 index 0000000..1813ae0 --- /dev/null +++ b/src/components/experience/Experience.jsx @@ -0,0 +1,59 @@ +import React from "react"; +import styles from "./Experience.module.css"; + +const experienceData = [ + { + title: "SOFTWARE DEVELOPMENT ENGINEER", + company: "Amazon", + logo: "/amazon.png", + location: "Vancouver, BC", + duration: "June 2022 - September 2022", + description: + "Conducted a thorough investigation, proposing solutions to streamline the resolution of manual conflicts for on-call teams. I then designed and developed a comprehensive full-stack solution to automate their workflow, which I presented to upper management as the ideal dashboard solution for on-call operations. To ensure its effectiveness, I conducted rigorous end-to-end testing and maintained the feature for ongoing success.", + skills: ["Full-stack development", "Workflow automation", "End-to-end testing", "Project management"], + techStack: ["React", "Node.js", "AWS Lambda", "DynamoDB", "Jest"], + }, + // Add more experiences as needed +]; + +function Experience() { + return ( +
+

Experience

+ {experienceData.map((exp, index) => ( +
+
+ {`${exp.company} +
+
+

{exp.title}

+

+ {exp.company} | {exp.location} | {exp.duration} +

+

{exp.description}

+
+
+

Skills Gained:

+
    + {exp.skills.map((skill, i) => ( +
  • {skill}
  • + ))} +
+
+
+

Tech Stack:

+
    + {exp.techStack.map((tech, i) => ( +
  • {tech}
  • + ))} +
+
+
+
+
+ ))} +
+ ); +} + +export default Experience; diff --git a/src/components/experience/Experience.module.css b/src/components/experience/Experience.module.css new file mode 100644 index 0000000..acb171a --- /dev/null +++ b/src/components/experience/Experience.module.css @@ -0,0 +1,113 @@ +:root { + --accent-color: #ff6b00; +} + +.experience { + padding: 50px 10%; + background-color: #ffffff; +} + +.sectionTitle { + text-align: left; + font-size: 2.5rem; + margin-bottom: 30px; + color: #333; +} + +.entry { + display: flex; + position: relative; + margin-bottom: 40px; + padding-left: 20px; + border-left: 2px solid var(--accent-color); +} + +.logoContainer { + flex: 0 0 80px; + margin-right: 20px; +} + +.logo { + width: 100%; + height: auto; + object-fit: contain; +} + +.content { + flex: 1; +} + +.title { + font-size: 1.4rem; + font-weight: bold; + color: var(--accent-color); + margin-bottom: 5px; +} + +.companyInfo { + font-size: 1.1rem; + margin-bottom: 10px; + color: #333; +} + +.description { + font-size: 1rem; + line-height: 1.6; + color: #333; + margin-bottom: 15px; +} + +.additionalInfo { + display: flex; + gap: 20px; +} + +.infoSection { + flex: 1; +} + +.infoSection h4 { + font-size: 1rem; + color: #333; + margin-bottom: 5px; +} + +.infoSection ul { + padding-left: 20px; + margin: 0; + list-style-type: none; +} + +.infoSection li { + font-size: 0.9rem; + margin-bottom: 3px; + display: inline-block; + background-color: #f0f0f0; + padding: 2px 8px; + border-radius: 12px; + margin-right: 5px; + margin-bottom: 5px; +} + +@media (max-width: 768px) { + .experience { + padding: 30px 5%; + } + + .entry { + flex-direction: column; + } + + .logoContainer { + margin-bottom: 15px; + } + + .content { + padding-left: 0; + } + + .additionalInfo { + flex-direction: column; + gap: 15px; + } +}