Shamrock Irish Pub & Eatery

Overview

A complete website redesign for The Shamrock Irish Pub & Eatery in Murrieta, CA. Built with Next.js and modern web technologies, this project showcases professional restaurant web design with engaging animations, customer testimonials, and seamless user experience.

Technologies Used

• Next.js
• TypeScript
• React
• Bootstrap 5
• CSS3
• Vercel

My Role

• Designed and implemented full responsive layout with Bootstrap 5
• Built interactive hero section with smooth scroll indicators
• Integrated customer reviews carousel with Restaurant Guru badge
• Implemented Google Maps integration for location display
• Created reusable React components (Navbar, Footer, feature cards)
• Deployed to Vercel with CI/CD pipeline

Challenges & Solutions

Creating an engaging, professional restaurant website that balances visual appeal with performance. Ensuring all components were accessible, responsive across devices, and maintaining clean code standards with ESLint.

Key Features

• Dynamic hero section with call-to-action buttons
• Interactive feature cards for menu, events, and reservations
• Customer testimonials carousel with real reviews
• Restaurant Guru 2025 recommendation badge
• Embedded Google Maps for easy location finding
• Social media integration (Facebook, Instagram, Twitter)
• Payment options display (Venmo, Facebook Messenger)
• Fully responsive design for mobile, tablet, and desktop
• Back-to-top navigation button

What I Learned

• Next.js 14 App Router and server components
• Modern CSS animations and transitions
• Bootstrap 5 grid system and components
• Image optimization and performance best practices
• ESLint configuration and code quality standards
• Vercel deployment and environment configuration