Photosnap
Fully responsive, multi-page marketing website for a photo-sharing app. I used HTML5, CSS Grid and SASS/SCSS for styling, as well as TypeScript for the areas that required interactivity, such as the toggling of the mobile navigation.
Visit website CodeProject Background
This project was a front-end challenge from Frontend Mentor, and was by far the largest in scale I have attempted to date (totaling four pages). Attempting this project greatly enhanced my CSS Grid skills, the primary layout method used throughout the site. This was also my first attempt at creating and styling HTML tables, a task which tested my ability to adapt my approach to accommodate their idiosyncrasies. Finally, I was able to recreate a more advanced form of animation for the mobile navigation toggle, where the hamburger icon would rotate into a cross upon interaction.
Static Previews
