By Hunter Becton for Masonry image gallery
Creating the masonry grid was harder than I expected, but I used CSS columns instead of a library. Eventually, I want to add animations for the images when the filter status changes.
Founder at Skillthrive. I love building web apps with JavaScript and helping others learn to code.
All-Access
.jpg&w=3840&q=75)
January 30, 2023
This was my first app built with Svelte and SvelteKit. Although this project was simple, I can see why people love Svelte so much! Reactivity is so easy to handle compared to React, plus it comes with its own global storage solution.
Level 4
SvelteKit
Tailwind CSS
All-Access
January 23, 2023
This was the first time I'd used Vite to create a React application, and I was impressed by how easy and fast it was. I also used the LocalStorage middleware plugin for Zustand, which added a simple state persistence to the app.
Level 4
React
Zustand
Vite
All-Access
January 23, 2023
I moved quickly with this challenge until I got to the portfolio modal. The image slider took me a long time to figure out because I couldn't figure out how to create the overlapping effect. Luckily Framer Motion helped smooth things out in the end.
Level 3
TypeScript
Framer Motion
Next.js