Bistro Tables

Bistro Tables

French Restaurant Website

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

Next.jsReactTypeScriptShadcn UITailwind CSSFramer MotionWebhooksVercel

Project Gallery

Bistro Tables

Bistro 1

Bistro Tables - Bistro 1

Click to view larger

Bistro Tables

Bistro 2

Bistro Tables - Bistro 2

Click to view larger

Bistro Tables

Bistro 3

Bistro Tables - Bistro 3

Click to view larger

Bistro Tables

Bistro 4

Bistro Tables - Bistro 4

Click to view larger

Bistro Tables

Bistro 5

Bistro Tables - Bistro 5

Click to view larger

Bistro Tables

Bistro 6

Bistro Tables - Bistro 6

Click to view larger