Technologies:
WordPress, Flexbox, PHP, ACF (Advanced Custom Fields), Vanilla JavaScript, CSS Grid
Highlights:
This project involved building a dynamic and interactive website for Georgia Quick Start. One of the key features was incorporating animations triggered as users scroll through the page, which created a more engaging user experience. Using the Intersection Observer API in JavaScript allowed for precise control over when these animations were triggered based on the user’s scroll position. Additionally, the site’s unique content structure required a flexible layout, leading to the use of both Flexbox and CSS Grid for various sections of the design.
Learning Moments:
Working on this site deepened my understanding of animations and how to leverage the Intersection Observer API to make the user experience more dynamic. I encountered various instances where animations had to be carefully timed and customized for different sections of the site. This was a great opportunity to refine my JavaScript skills, particularly in customizing animations for varying page layouts. Moreover, the use of CSS Grid alongside Flexbox was essential for managing the unique content layouts, providing me with a deeper appreciation for grid-based design. The ability to seamlessly integrate WordPress with custom PHP and ACF for backend flexibility made this project a well-rounded learning experience.