Update InfoSection to sort experiences by newest

This commit is contained in:
Murtadha 2024-07-12 19:17:37 -04:00
parent 02ed94aa75
commit f92930a07a
3 changed files with 70 additions and 14 deletions

View file

@ -6,31 +6,66 @@ import Hero from "./components/hero/Hero";
// import Education from "./components/education/Education";
// import Experience from "./components/experience/Experience";
import InfoSection from "./components/info/InfoSection";
import Separator from "./components/separater/Separater";
import styles from "./App.module.css";
// Temp data
const educationData = [
{
id: 1,
title: "BACHELOR OF COMPUTER ENGINEERING",
organization: "University of Guelph",
logo: "/university-logo.png",
location: "Guelph, ON",
logo: "/logos/uog.png", // Add the actual path to the university logo
location: "Guelph, ON", // Add the location if available
duration: "2018 - 2023",
description: "Completed a comprehensive program in Computer Engineering, focusing on both hardware and software aspects of computing systems.",
skills: ["Problem Solving", "Critical Thinking", "Team Collaboration", "Technical Writing"],
techStack: ["C++", "Java", "Python", "VHDL", "MATLAB"],
description:
"As a graduate in Computer Engineering, my expertise encompasses a wide range of skills essential for modern computing systems. This includes circuit design and development, hardware integration, and system-level design integration. I am well-versed in the science and tools required for designing, constructing, implementing, and maintaining both software and hardware components in computing systems.",
achievements: ["Dean's Honor List for 2 consecutive years", "Engineering Design Winner: Portable UTI Diagnosis"],
skills: ["Circuit design and development", "Hardware integration", "System-level design integration", "Software and hardware component maintenance"],
techStack: ["Data Structures and Algorithms", "Computer Networks", "Operating Systems", "Digital Systems Design", "Embedded Systems Programming", "Modeling Complex Systems"],
skillsTitle: "Key Skills",
techStackTitle: "Core Technologies",
techStackTitle: "Relevant Courses",
},
{
id: 2, // This will be displayed after the Masters degree
title: "BACHELOR OF COMPUTER SCIENCE",
organization: "University of Guelph",
logo: "/logos/uog.png",
location: "Guelph, ON",
duration: "2020 - 2023",
description:
"As a graduate in Computer Science, the journey emphasizes mathematical principles, systems development, programming, and in-depth algorithm design and analysis. With a curriculum that spans topics like databases, data structures, and full-stack development. Additionally, my educational background covers essential aspects such as cybersecurity, networking, and other crucial disciplines.",
skills: ["Mathematical principles", "Systems development", "Programming", "Algorithm design and analysis", "Full-stack development", "Networking"],
techStack: ["Databases", "Data Structures", "Algorithms", "Web Development", "Computer Networks"],
achievements: [
// Add any specific achievements, awards, or notable projects here
],
skillsTitle: "Key Skills",
techStackTitle: "Core Areas",
},
{
id: 3,
title: "MASTERS OF COMPUTER ENGINEERING",
organization: "University of Guelph",
logo: "/logos/uog.png", // Add the actual path to the university logo
location: "Guelph, ON", // Add the location if available
duration: "2023 - 2024",
description: "Pursuing advanced studies in Computer Engineering with a focus on AI systems and machine learning applications.",
achievements: ["Published on 'Boosting Edge-to-Cloud Data Transmission Efficiency with Semantic Transcoding' in IEEE CCECE 2024 Conference"],
skills: ["Advanced AI systems design", "Machine learning model development", "Computer vision techniques", "Deep learning architectures"],
techStack: ["Software Architecture in AI systems", "Machine Vision", "Deep Learning", "Artificial Intelligence"],
skillsTitle: "Key Skills",
techStackTitle: "Relevant Courses",
},
// Add more education entries as needed
];
const experienceData = [
{
id: 1,
title: "SOFTWARE DEVELOPMENT ENGINEER",
organization: "Amazon",
logo: "/amazon-logo.png",
logo: "/logos/amazon.png",
location: "Vancouver, BC",
duration: "June 2022 - September 2022",
description:
@ -59,8 +94,9 @@ function App() {
<p>This section has a different background color.</p>
</div>
</section> */}
<InfoSection title="Education" data={educationData} />
<InfoSection title="Experience" data={experienceData} />
<InfoSection title="Education" data={educationData} isEducation={true} />
<Separator width="70%" thickness="3px" />
<InfoSection title="Experience" data={experienceData} isEducation={false} />
{/* Add more sections as needed */}
</main>
<Footer />