Web Design & Development

Tasca À Risca

Traditional Portuguese restaurant website featuring interactive weekly and fixed menus with category filtering, photo gallery with lightbox functionality, customer testimonials, and integrated Google Maps. Supports bilingual content (PT/EN) with automatic browser detection and localStorage persistence.

Built with React 19, TypeScript, and Vite featuring Framer Motion scroll-triggered animations, custom Tabac and Freight Text fonts, and navy blue/gold color palette that honors Portuguese culinary traditions with modern user experience.

Completed Date: March 2026
Visit Live Site
Project Details

Overview

Industry

Food & Beverage

Scope

Complete restaurant website with dual menu systems (weekly rotating dishes + fixed menu), bilingual content, photo gallery, and Google Maps integration

Timeline

3 weeks from design to launch

The Problem

Challenge

Tasca À Risca needed a professional web presence to showcase their traditional Portuguese cuisine to both local and international visitors. The restaurant required a solution that could display two different menu types (weekly rotating dishes and a comprehensive fixed menu), support multiple languages for tourists, and maintain an elegant, authentic Portuguese aesthetic while remaining modern and easy to navigate on all devices.

Our Approach

Solution

We built a modern single-page React application with a sophisticated design system that honors Portuguese culinary traditions. The interactive menu system features tabbed navigation between weekly specials and the fixed menu, with intelligent category filtering for wines, appetizers, and main courses. Framer Motion provides smooth, scroll-triggered animations that enhance the browsing experience without being distracting. We implemented i18next for seamless bilingual support with automatic language detection, and integrated Google Maps for easy location finding. The result is a fast-loading, SEO-friendly website deployed on Firebase Hosting with automated CI/CD pipelines.

What's Included

Key Features

Responsive Design
Bilingual Support (PT/EN)
Interactive Menu System
Photo Gallery
Google Maps Integration
Customer Reviews
Smooth Animations
Mobile-First
Performance

Results

95/100
Performance Score
Lighthouse performance score with Vite optimization and lazy loading
~450KB (gzipped)
Build Size
Optimized production bundle with code splitting
100%
Mobile Responsiveness
Fully responsive across all devices with mobile-first approach
100/100
SEO Score
Google Lighthouse SEO audit
Technology

Tech Stack

React 19
TypeScript
Vite
Tailwind CSS 3.4
Framer Motion
i18next
React Hook Form
Yup
Radix UI
Firebase Hosting
Get Started

Ready to Start Your Project?

Let's discuss how we can create a stunning website tailored to your business needs.

Tasca À Risca | Portfolio | low-key solutions