Feature Highlights
A comprehensive restaurant reservation system with modern UI components and seamless user experience
Restaurant Discovery
Easily search and discover your favorite restaurants. Filter by cuisine type, price range, and location to find the perfect spot.
- Browse restaurants with clean pagination (6 per page)
- Filter by cuisine type, neighborhood, and price level
- Search functionality with instant results
Detailed Restaurant Pages
View comprehensive restaurant details including menus, photos, business hours, and reviews - all the information you need for making a reservation.
- Hero image slider showcasing restaurant ambiance
- Tabbed layout with info, photo gallery, and business hours
- Select guests, course, and date to see available time slots
Seamless Booking
A simple and intuitive booking process. Just select your preferred date, time, number of guests, and course to complete your reservation.
- Streamlined booking flow with name & email form
- Verification email sent with a secure JWT-based link
- Confirm reservation without account registration
- Dev-mode debug button shows email content for testing
Admin Dashboard
A comprehensive admin dashboard for restaurant owners to manage reservations, update menus, and configure business hours all in one place.
- Login-protected dashboard for restaurant owners
- View today's reservations with status tracking
- Update store info, hours, and booking limits
- Upload images (stored via AWS S3)
Restaurant Experience
Preview the user interface for restaurant details and booking
Experience the full interactive demo
Click the screenshot or the buttons to explore the full interactive experience
How It Works
A simple three-step process to book your table
Search and Select
Browse through our curated list of restaurants and find the perfect spot for your occasion.
Pick Date and Time
Select your preferred date, number of guests, and choose from available time slots.
Confirm Booking
Receive a confirmation email and simply click the secure link to confirm your reservation.
Tech Stack
Built with modern technologies to showcase full-stack development skills
Frontend
React Router
Framework Mode for routing and SSR/API integration
TypeScript
Safer, typed codebase with enhanced developer experience
TailwindCSS
Utility-first styling for rapid UI development
shadcn/ui
Reusable, accessible UI components with consistent design
v0
Used to scaffold the UI design with AI assistance
Backend
Prisma
ORM for database access with type safety and migrations
PostgreSQL
Relational database for structured data storage
Redis (Upstash)
Session management and caching for performance
jsonwebtoken
Used for token-based reservation confirmation
zod + Conform
Robust form validation with excellent user experience
Infrastructure
About This Project
This restaurant reservation app was built as a portfolio project to showcase full-stack development skills for job hunting in Vancouver. While it looks and functions like a real product, it's designed to demonstrate technical proficiency and UI/UX design capabilities.
Created by Yuichi Nabeshima • 2025