Jackson's Bistro

This is my second project I first designed from scratch and then built.

After my first such project, I wanted something bigger, more involved. I thought website for a restaurant would be the perfect fit. I kept my tech stack the same - Lunacy for design, Next.js with TypeScript and Tailwind for development.

I designed it completely from scratch, so I had to rely solely on my creativity. When I was happy with the design, I started coding. For the styling I used almost exclusively Tailwind classes, with only a few custom CSS rules. I used Tailwind breakpoints to make the site fully responsive.

The main lessons I learned were the importance and use of properly sized images, especially on mobile devices. For the same reason, I also created a custom React hook to lazy load background images using the IntersectionObserver API.