diff --git a/Pictures/adverience.png b/Pictures/adverience.png new file mode 100644 index 0000000..018da04 Binary files /dev/null and b/Pictures/adverience.png differ diff --git a/Pictures/jumpplus.jpeg b/Pictures/jumpplus.jpeg new file mode 100644 index 0000000..a76ba2f Binary files /dev/null and b/Pictures/jumpplus.jpeg differ diff --git a/index.html b/index.html index 9d866b5..ce8fca0 100644 --- a/index.html +++ b/index.html @@ -30,16 +30,182 @@
+
+

About

+

I am a 3rd year Computer Science student at University of Toronto Scarborough with a focus on Software Development. Passionate in developing scalable, high quality web and games software with readable, optimized, and well tested code. In my spare time, my main hobby is music. I play Trombone and Piano, and enjoy most to play jazz music.

+
+
+

Skills

+
    +
  • + 5+ years experience programming in C/C++, C#, Java, Python, HTML/CSS, JavaScript +
    • +
  • + Solid Full-Stack Web Development experience with React/Next.js frontend, Express.js backend API +
    • +
  • + Experienced in SQL (MySQL, SQLite) and NoSQL (Firebase, MongoDB) databases +
    • +
  • + Strong DevOps skills with AWS: API Gateway, Lambda, EC2, S3, CodePipeline +
    • +
  • + Effective communication for working in collaborative groups +
    • +
+
+
+

Work Experience

+
+
+
+ adverience logo +
+
+
+
+

advertience Inc. | Ad Analytics Developer

+

05/2023 - Present

+
+

Toronto, ON.

+
    +
  • + Implemented analytics tracking via Google Tag Manager and gtag.js on client's websites, resulting in a 30% +improvement in data accuracy, empowering clients to execute data-driven marketing strategies +
    • +
  • + Developed a unique attribution system to differentiate my agency from the competition, which led to the +agency taking on several new clients, beating last year’s profit records by 10% +
    • +
  • + Created a full-stack web application to help nonprofit organizations create customized donation pages with +optimized payment forms, resulting in an over 25% increase in donation conversions for our clients +
    • +
+
+
+
+
+
+

Jump+ | Sales Associate

+

05/2021 - 01/2023

+
+

Hamilton, ON.

+
    +
  • + Collaborated within a sales team to achieve a 20% increase in Apple product sales, leveraging effective +communication and product knowledge to drive customer engagement and satisfaction +
    • +
  • + Orchestrated seamless store operations by coordinating with team members to assign tasks and optimize workflow on the sales floor, contributing to a 15% boost in overall store efficiency +
    • +
+
+
+
+ jump+ logo +
+
+
+
+
+

Projects

+
+
+
+ +
+
+
+
+

Cosmotica | Unity 3D Game Development

+

01/2022 - 09/2022

+
+
    +
  • + Led a team of 6 to program, design, compose, model, and market a full video game +
    • +
  • + Programmed a game written in C# for the Unity game engine, with a focus on readable and scalable code +and systems design for future additions and bug fixes +
    • +
  • + Designed levels and UI while applying user feedback to get the best user experience +
    • +
  • + Published the finished product on Steam, the world’s largest online game storefront +
    • +
+
+
+
+
+
+

UTSC Course Planner | Android App Development

+

11/2022 - 12/2022

+
+
    +
  • + Collaborated with a team of 5 to develop an android app to help students plan their university courses +
    • +
  • + Used Google’s Firebase Realtime Database to store course and user data and authenticate users +
    • +
  • + Followed industry best practices using agile methodologies (scrum) +
    • +
  • + Received a grade of 95 though good planning, teamwork, and execution +
    • +
+
+
+
+ course planner demo +
+
+
+
+
+
+ telepuzzle demo +
+
+
+
+

Telepuzzle | Unity 3D Game Development

+

12/2022

+
+
    +
  • + Developed in 4 days for the Unity Developer Community Game Jam #16, with the theme "Teleportation" +
    • +
  • + Puzzle game where your goal is to get to the end of the level by manipulating the objects around you with your teleportation gun +
    • +
  • + Worked together with a 3D artist to create the game with fun gameplay and a unique art style +
    • +
+
+
+

Programming Languages

- c logo - c# logo - python logo - java logo - html and css logo - javascript logo +
+ c logo + c# logo + python logo + java logo + html and css logo + javascript logo +
    @@ -63,16 +229,6 @@
-
-

Work Experience

-
-

Hi

-

Hello

-
-
-
-

Projects

-
diff --git a/style.css b/style.css index 187dba5..2da5afd 100644 --- a/style.css +++ b/style.css @@ -13,12 +13,27 @@ main { p, h1, h2, h3, h4, h5, h6, li { color: #fff; font-family: 'Roboto Slab', sans-serif; + margin: 0; } p, li { font-size: 1.5rem; } +a { + color: #ae00d1; + text-decoration: none; + transition: all 0.1s ease-out 0s; +} + +a:hover { + color: #c500ec; +} + +a:active { + color: #d400ff; +} + div.header { display: flex; flex: 0 1 auto; @@ -56,7 +71,7 @@ div.social-media { div.social-media a img { width: 3rem; height: 3rem; - transition: box-shadow 0.25s ease-out 0s; + transition: box-shadow 0.2s ease-out 0s; } div.social-media a:hover img { @@ -103,17 +118,143 @@ div.section h2 { } div.languages-images { + width: 15%; +} + +div.languages-images div { display: grid; - grid-template-columns: repeat(2, 6rem); - grid-template-rows: repeat(3, 6rem); + grid-template-columns: repeat(2, 50%); gap: 1rem; } div.languages-images img { width: 100%; height: 100%; + border: #00000000 0.15rem solid; + border-radius: 1rem; + transition: all 0.25s ease-out 0s; +} + +div.languages-images img:hover { + border: #fff 0.15rem solid; + background-color: #5a5a5a; +} + +ul { + margin: 0; +} + +li { + margin-top: 1rem; } li li { font-size: 90%; +} + +div.advertience-wrapper { + width: 20%; + padding: 1rem; + min-width: 7rem; +} + +div.advertience-wrapper > div { + position: relative; + width: 100%; + padding-bottom: 140%; +} + +div.advertience-wrapper > div > img { + position: absolute; + top: -0.6rem; + left: -0.6rem; + right: 0; + bottom: 0; + height: 100%; + width: 100%; + padding: 0.6rem; + background-color: #fff; + border-radius: 1rem; +} + +div.jump-wrapper { + width: 20%; + min-width: 10rem; +} + +div.jump-wrapper > div { + position: relative; + width: 100%; + padding-bottom: 100%; +} + +div.jump-wrapper > div > img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 100%; + width: 100%; + border-radius: 1rem; +} + +div.cosmotica-wrapper { + width: 50%; + min-width: 20rem; +} + +div.cosmotica-wrapper > div { + position: relative; + width: 100%; + padding-bottom: 56.25%; +} + +div.cosmotica-wrapper > div > iframe, div.cosmotica-wrapper > div > img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 100%; + width: 100%; + border-radius: 1rem; +} + +div.course-planner-wrapper { + width: 1%; + min-width: 10rem; +} + +div.course-planner-wrapper > div { + position: relative; + width: 100%; + padding-bottom: 197%; +} + +div.course-planner-wrapper > div > img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 100%; + width: 100%; + border-radius: 0.5rem; +} + +div.experience { + display: flex; + gap: 2rem; +} + +div.experience > div { + flex-grow: 1; +} + +div.experience-header { + display: flex; + justify-content: space-between; + align-items: center; + gap: 1rem; } \ No newline at end of file