diff --git a/.github/workflows/deploy-to-prod.yml b/.github/workflows/deploy-to-prod.yml new file mode 100644 index 0000000..9938588 --- /dev/null +++ b/.github/workflows/deploy-to-prod.yml @@ -0,0 +1,28 @@ +on: + workflow_dispatch: + +jobs: + run-deploy: + steps: + - name: install ssh keys + run: | + install -m 600 -D /dev/null ~/.ssh/id_rsa + echo "${{ secrets.SSH_PRIVATE_KEY }}" > ~/.ssh/id_rsa + cat >>~/.ssh/config < About Experience - Skills Projects + Skills Contact @@ -31,7 +31,7 @@

I'm a full-stack developer with a passion for crafting engaging digital expe
-

Overview

+

About Me

With experience building dynamic user interfaces and architecting scalable web applications, I specialize in innovative and reliable software solutions. I collaborate with exceptional teams to deliver ambitious and accessible projects—the more challenging, the better.

@@ -42,125 +42,113 @@

Overview

Experience

-

Vanguard (Via Infosystems) | October 2020-August 2024

- Technology Lead -

Continuing to work for Vanguard through Infosystems as part of their strategic partnership.

-

Key Contributions:

-
    -
  • Enhanced Vanguard's retirement site by developing several new UI interfaces for customizable account - calculations and retirement contribution submissions. -
    • -
  • Updated the configuration and Node.js server-side code for approximately 20 Angular-based web applications - to facilitate their migration to AWS. -
    • -
  • Deployed mentioned web apps and multiple backend Java microservices to an additional AWS fallback region, - improving reliability. -
    • -
  • Developed the Angular frontend for an internal tool that enables teams to query test users by retirement - offer, plan, and account information. -
    • -
  • Onboarded and mentored several developers, ensuring their proficiency with the tech stack, workflow, and - project requirements. -
    • -
-

Vanguard | March 2020-October 2020

- Full Stack Developer -
    -
  • Developed retirement offers, banners, and notifications on Vanguard's classic retirement platform using the - Angular framework. -
    • -
  • Implemented comprehensive unit tests using Jasmine and conducted end-to-end testing, increasing code - reliability. -
    • -
  • Collaborated with team members under the Agile methodology, participating in sprint planning, daily - stand-ups, and retrospectives. -
    • -
-

Zip Code Wilmington | October 2019-March 2020

- Student -
    -
  • Completed over 800 hours of software development projects and training in an immersive program focused on - Full-Stack development and Object-Oriented Java Programming. -
    • -
-

NüPOINT Marketing | August 2018-August 2019

- Web Developer -
    -
  • Developed and maintained websites for diverse clients using Drupal, WordPress, and - Shopify across industries such as engineering, law, medical devices, and consumer products. -
    • -
  • Automated services and increased client sales by enabling online product listings and form - submissions. -
    • -
-
-
-

Skills

-
    -
  • Programming Languages: TypeScript, JS, Java, C#, PHP, SQL, HTML, CSS, C, C++, Python, Go.
    • -
  • Frameworks & Libraries: Angular, React, AngularJS, Express, RxJS, Spring.
    • -
  • Tools & Platforms: AWS, DigitalOcean, Unix, Nginx, Git, npm, Node.js, Maven, CMake, Vite.
    • -
+
+

Vanguard (Via Infosystems) | October 2020-August 2024

+ Technology Lead +

Continuing to work for Vanguard through Infosystems as part of their strategic partnership.

+

Key Contributions:

+
    +
  • Enhanced Vanguard's retirement site by developing several new UI interfaces for customizable account + calculations and retirement contribution submissions. +
    • +
  • Updated the configuration and Node.js server-side code for approximately 20 Angular-based web applications + to facilitate their migration to AWS. +
    • +
  • Deployed mentioned web apps and multiple backend Java microservices to an additional AWS fallback region, + improving reliability. +
    • +
  • Developed the Angular frontend for an internal tool that enables teams to query test users by retirement + offer, plan, and account information. +
    • +
  • Onboarded and mentored several developers, ensuring their proficiency with the tech stack, workflow, and + project requirements. +
    • +
+

Vanguard | March 2020-October 2020

+ Full Stack Developer +
    +
  • Developed retirement offers, banners, and notifications on Vanguard's classic retirement platform using the + Angular framework. +
    • +
  • Implemented comprehensive unit tests using Jasmine and conducted end-to-end testing, increasing code + reliability. +
    • +
  • Collaborated with team members under the Agile methodology, participating in sprint planning, daily + stand-ups, and retrospectives. +
    • +
+

Zip Code Wilmington | October 2019-March 2020

+ Student +
    +
  • Completed over 800 hours of software development projects and training in an immersive program focused on + Full-Stack development and Object-Oriented Java Programming. +
    • +
+

NüPOINT Marketing | August 2018-August 2019

+ Web Developer +
    +
  • Developed and maintained websites for diverse clients using Drupal, WordPress, and + Shopify across industries such as engineering, law, medical devices, and consumer products. +
    • +
  • Automated services and increased client sales by enabling online product listings and form + submissions. +
    • +
+
-

Projects

+

Projects | Experiments | Games

- -

Project Title

-

project description-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea

-
-
- -

Project Title

-

project description-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea

+ +

Thwomp Chat

+

In development, a web-app enabling authenticated users to connect with peers and create chat + groups. Built using Angular, Java Spring, and Websockets.

- -

Project Title

-

project description-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea

+ +

3D Voxel Game

+

Built using Unity and C#. Featuring procedural terrain generation, efficient + resource management, and voxel state propagation for interactive environments.

- -

Project Title

-

project description-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea

+ +

Lightspeed

+

An interactive demo of some of the fun that can be had with GPU rendering in a web browser using + webGL.

- -

Project Title

-

project description-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea

+ +

Asteroids

+

A clone of your favorite asteroid shooter, built using C++ and SDL.

- -

Project Title

-

project description-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea

+ +

This Site!

+

A single-page portfolio site, currently under construction, listing all the reasons you might consider + hiring me! Built using TypeScript, Vite, and GitHub workflows for CI/CD.

- -

Project Title

-

project description-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea

+ +

Video Call Site

+

Developed a web application enabling authenticated users to engage in real-time video calls + using vanilla JavaScript, Socket.IO, WebRTC, and Node.js Express for backend.

+
+

Skills

+
    +
  • Programming Languages: TypeScript, JS, Java, C#, PHP, SQL, HTML, CSS, C, C++, Python, Go.
    • +
  • Frameworks & Libraries: Angular, React, AngularJS, Express, RxJS, Spring.
    • +
  • Tools & Platforms: AWS, DigitalOcean, Unix, Nginx, Git, npm, Node.js, Maven, CMake, Vite.
    • +
+
-
@@ -168,4 +156,4 @@

Project Title

- + \ No newline at end of file diff --git a/public/project-imgs/asteroids-game-img.png b/public/project-imgs/asteroids-game-img.png new file mode 100644 index 0000000..6e5ecc8 Binary files /dev/null and b/public/project-imgs/asteroids-game-img.png differ diff --git a/public/project-imgs/block-game-img.png b/public/project-imgs/block-game-img.png new file mode 100644 index 0000000..4ba5cb9 Binary files /dev/null and b/public/project-imgs/block-game-img.png differ diff --git a/public/project-imgs/light-speed-img.jpg b/public/project-imgs/light-speed-img.jpg new file mode 100644 index 0000000..33dd5dc Binary files /dev/null and b/public/project-imgs/light-speed-img.jpg differ diff --git a/public/project-imgs/portfolio-site-img.png b/public/project-imgs/portfolio-site-img.png new file mode 100644 index 0000000..9215c90 Binary files /dev/null and b/public/project-imgs/portfolio-site-img.png differ diff --git a/public/project-imgs/thwomp-chat-img.png b/public/project-imgs/thwomp-chat-img.png new file mode 100644 index 0000000..8d7e536 Binary files /dev/null and b/public/project-imgs/thwomp-chat-img.png differ diff --git a/public/project-imgs/vid-call-img.png b/public/project-imgs/vid-call-img.png new file mode 100644 index 0000000..3f9ed35 Binary files /dev/null and b/public/project-imgs/vid-call-img.png differ diff --git a/public/project-imgs/voxel-game-img.jpg b/public/project-imgs/voxel-game-img.jpg new file mode 100644 index 0000000..817fceb Binary files /dev/null and b/public/project-imgs/voxel-game-img.jpg differ diff --git a/src/style.css b/src/style.css index 406d828..b9dc66b 100644 --- a/src/style.css +++ b/src/style.css @@ -40,23 +40,17 @@ h1 { padding: 2rem; } -.hero-content { - margin-top: 300px; - margin-bottom: 200px; -} - .top-nav { position: fixed; top: 0; left: 0; width: 100vw; - padding: 12px; background-color: #131313; nav { - width: 100%; max-width: 920px; margin: 0 auto; + padding: 16px; display: flex; justify-content: space-between; @@ -64,10 +58,59 @@ h1 { display: flex; justify-content: space-between; width: 350px; + + @media (max-width: 510px){ + display: none; + } } } } +.hero-content { + margin-top: 300px; + margin-bottom: 200px; + + @media (max-width: 900px) { + margin-top: 200px; + margin-bottom: 120px; + } +} + +#about { + h2 { + font-size: 2em; + } + + p { + font-size: 1.2em; + } + +} + +.experience-border { + + h3 { + margin-bottom: 4px; + } + em { + font-size: .9em; + font-style: italic; + font-family: sans-serif; + } + em, p { + margin-left: 6px; + } + p { + margin-bottom: 2px; + } + + @media (min-width: 720px) { + border-left: 1px solid white; + padding-left: 44px; + margin-left: -16px; + } +} + .project-grid { display: grid; grid-template-columns: auto auto auto; @@ -76,14 +119,16 @@ h1 { @media (max-width: 800px) { grid-template-columns: auto auto; } - @media (max-width: 600px) { + @media (max-width: 520px) { grid-template-columns: 1fr; + gap: 34px; } .project { padding: 10px; - border: #747bff 1px solid; - border-radius: 10px; + background-color: #131313; + box-shadow: 2px 3px 5px #131313; + border-radius: 4px; overflow: hidden; img { width: calc(100% + 20px); @@ -108,16 +153,3 @@ h1 { margin: 18px; } } - -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - a:hover { - color: #747bff; - } - button { - background-color: #f9f9f9; - } -}