187 lines
8.4 KiB
JavaScript
187 lines
8.4 KiB
JavaScript
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 Experience from "./components/experience/Experience";
|
|
import InfoSection from "./components/info/InfoSection";
|
|
import Separator from "./components/separater/Separater";
|
|
import Projects from "./components/projects/Projects";
|
|
|
|
import styles from "./App.module.css";
|
|
|
|
// Temp data
|
|
const educationData = [
|
|
{
|
|
id: 1,
|
|
title: "Bachelor of Engineering - 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: "2019 - 2023",
|
|
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: "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: "MASc Candidate - 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",
|
|
},
|
|
];
|
|
|
|
const experienceData = [
|
|
{
|
|
id: 3, // Newest entry
|
|
title: "Graduate Researcher",
|
|
organization: "University of Guelph",
|
|
logo: "/logos/uog.png",
|
|
location: "Guelph, Ontario",
|
|
duration: "Jan 2024 - Dec 2024",
|
|
description:
|
|
"Conducted research on transformer-based models for semantic data transmission in end-to-end (E2E) communications, developing and training models using PyTorch to enhance data transmission efficiency and reliability.",
|
|
skills: ["Transformer-based models", "Semantic data transmission", "E2E communications", "PyTorch", "Research publication"],
|
|
techStack: ["PyTorch", "E2E communication protocols", "Data transmission algorithms"],
|
|
achievements: ["Published findings in CCECE 2024, presenting results that showed an improvement in data transmission latencies"],
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Software Developer",
|
|
organization: "University of Guelph - Robotics Institute",
|
|
logo: "/logos/uog.png",
|
|
location: "Guelph, Ontario",
|
|
duration: "Oct 2022 - Oct 2023",
|
|
description: "Developed ROS2 modules for an Assistive Robotic Feeding System, managed a React Native mobile app, and deployed analytics applications using AWS services.",
|
|
skills: ["ROS2 development", "Mobile app development", "Cloud deployment", "Database management", "IoT integration"],
|
|
techStack: ["C++", "Python", "React Native", "AWS (EC2, S3)", "PostgreSQL", "BLE"],
|
|
achievements: [
|
|
"Developed ROS2 modules for an Assistive Robotic Feeding System for Elderly Individuals",
|
|
"Improved BLE reliability in React Native mobile app",
|
|
"Successfully deployed analytics application on AWS",
|
|
],
|
|
},
|
|
{
|
|
id: 1, // Oldest entry
|
|
title: "Information Technology Analyst",
|
|
organization: "Kitchener Downtown Community Health Centre - SRHC",
|
|
logo: "/logos/srhc.png",
|
|
location: "Kitchener, Ontario",
|
|
duration: "Jul 2020 - Oct 2020",
|
|
description:
|
|
"Managed IT infrastructure upgrades, streamlined communication systems, and maintained electronic medical record systems, resulting in significant cost savings and improved patient care efficiency.",
|
|
skills: ["IT infrastructure management", "Budget optimization", "Healthcare IT systems", "Process improvement"],
|
|
techStack: ["OSCAR McMaster EMR", "TELUS healthcare infrastructure", "Firewall solutions"],
|
|
achievements: [
|
|
"Saved 45% of a $10,000 budget for equipment upgrades",
|
|
"Reduced patient waiting times by 30% through streamlined communication",
|
|
"Successfully migrated to new TELUS healthcare infrastructure",
|
|
],
|
|
},
|
|
];
|
|
|
|
const projectsData = [
|
|
{
|
|
id: 1,
|
|
title: "Project 1",
|
|
category: "Web Development",
|
|
images: ["/path/to/project1-image1.jpg", "/path/to/project1-image2.jpg"],
|
|
description: "A brief description of Project 1.",
|
|
technologies: ["React", "Node.js", "MongoDB"],
|
|
features: ["User authentication", "Real-time data updates", "Responsive design"],
|
|
githubLink: "https://github.com/yourusername/project1",
|
|
liveLink: "https://project1-demo.com",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Project 1",
|
|
category: "Machine Learning",
|
|
images: ["/path/to/project1-image1.jpg", "/path/to/project1-image2.jpg"],
|
|
description: "A brief description of Project 1.",
|
|
technologies: ["React", "Node.js", "MongoDB"],
|
|
features: ["User authentication", "Real-time data updates", "Responsive design"],
|
|
githubLink: "https://github.com/yourusername/project1",
|
|
liveLink: "https://project1-demo.com",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Project 1",
|
|
category: "Embedded Systems",
|
|
images: ["/path/to/project1-image1.jpg", "/path/to/project1-image2.jpg"],
|
|
description: "A brief description of Project 1.",
|
|
technologies: ["React", "Node.js", "MongoDB"],
|
|
features: ["User authentication", "Real-time data updates", "Responsive design"],
|
|
githubLink: "https://github.com/yourusername/project1",
|
|
liveLink: "https://project1-demo.com",
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Project 1",
|
|
category: "Web Development",
|
|
images: ["/path/to/project1-image1.jpg", "/path/to/project1-image2.jpg"],
|
|
description: "A brief description of Project 1.",
|
|
technologies: ["React", "Node.js", "MongoDB"],
|
|
features: ["User authentication", "Real-time data updates", "Responsive design"],
|
|
githubLink: "https://github.com/yourusername/project1",
|
|
liveLink: "https://project1-demo.com",
|
|
},
|
|
|
|
// Add more projects...
|
|
];
|
|
|
|
function App() {
|
|
return (
|
|
<div className={styles.app}>
|
|
<Header />
|
|
<main className={styles.main}>
|
|
<section id="home">
|
|
<Hero />
|
|
</section>
|
|
<section id="experience">
|
|
<InfoSection title="Experience" data={experienceData} isEducation={true} />
|
|
</section>
|
|
<Separator width="70%" thickness="3px" />
|
|
<section id="projects">
|
|
<Projects title="Projects" data={projectsData} />
|
|
</section>
|
|
<Separator width="70%" thickness="3px" />
|
|
<section id="education">
|
|
<InfoSection title="Education" data={educationData} isEducation={true} />
|
|
</section>
|
|
</main>
|
|
<Footer />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default App;
|