ROLE / SERVICES
DATES
Description
Crafted meticulously from the ground up, this website serves as a vivid testament to both my skillset and my love for exploration in the expansive realm of web development. It's more than just a display of past accomplishments; it's an interactive canvas, showcasing a myriad of advanced features and thoughtful touches.
- Leveraged the use of Contentful as a headless CMS to make it significantly easier and more performant to render content on a fully functioning blog with both an index as well as dynamically rendered individual pages per blog post.
- Designed and developed a sider component that serves as a utility bar for nav links, anchor links, various filters, and extra bits of information entirely dependent on which component is being observed in the viewport as well as the page location. It is a highly dynamic system meant to make the site more interactive without feeling like a roadblock.
- Designed and built the entire website from scratch after researching which tools, frameworks, and technologies would be most beneficial based on client needs. I decided to use Gatsby because of optimized performance for static sites, added benefits for SEO, there was no need for routing, and for more control over the build process of the site.
- Created a seamless git workflow via Github Actions to enable a dynamic testing environment that creates a unique version of the site for each pull request compared to main to view/interact with the site before going to production to provide greater quality assurance.
- Leveraged gatsby-browser.js to detect a preference on the user device for dark mode.
- Utilized various gatsby plugins and graphql in order to create images that were both highly performant and could be dynamically rendered anywhere on the site.
- Utilized the JavaScript animation library, GSAP, to provide slick, light weight, and interactive animations that provide both a sense of function as well as thoughtfulness to the user experience.