
Project Overview
Bistro Tables is a beginner project I built in 2024 to learn and explore Next.js, React, and Shadcn UI components. As one of my first projects focusing on Next.js, I created a complete digital presence for a fictional French restaurant in New York City, emphasizing beautiful design and smooth interactions.
The project features a fully interactive reservation system, allowing customers to book tables directly through an elegant form interface. The menu section showcases the restaurant's offerings with high-quality images and detailed descriptions, complete with tabs for different meal categories.
While learning Next.js, I implemented a functional blog system that enables the restaurant to share updates, chef interviews, and culinary insights. The contact section includes a working form with webhooks integration, interactive map, and comprehensive business information.
Throughout development, I focused on learning Framer Motion for animations, creating subtle transitions and micro-interactions that enhance the user experience. I also studied and implemented SEO best practices to ensure optimal search visibility. The entire project was completed in 10 days as part of my learning journey.
Project Details
Client
Personal Project
Year
2025
Role
Frontend Developer
Duration
10 days
Technologies
Project Gallery
Bistro Tables
Bistro 1

Click to view larger
Bistro Tables
Bistro 2

Click to view larger
Bistro Tables
Bistro 3

Click to view larger
Bistro Tables
Bistro 4

Click to view larger
Bistro Tables
Bistro 5

Click to view larger
Bistro Tables
Bistro 6

Click to view larger