Front-End Developer•
Hungry Humans — Restaurant Static Site
A bold, mobile-first static website for an unlimited chicken wings restaurant. Built with Astro and Tailwind CSS — featuring a visual menu grid, sauce catalog, group meal pricing cards, and responsive mobile layout.
Production Impact: Fully static site with zero JS shipped by default. Menu-first mobile layout optimized for customers checking the menu on their phones before visiting.
AstroTailwindJavaScript
Overview
A modern, high-energy static website for Hungry Humans Unlimited Wings — a casual dining restaurant specializing in unlimited chicken wings and samgyeopsal. The brief called for an energetic, appetizing design that works perfectly on mobile since most customers check the menu on their phones.
Design Direction
- Color palette: Vibrant yellow gradient, stark black, and white with red spicy item accents
- Typography: Bold industrial display font for headings, clean sans-serif for menu readability
- Vibe: Street-food energy, youthful, casual dining
Key Sections Built
- Hero — Full-bleed headline with unlimited wings offer callout and CTA buttons
- House Rules Banner — High-contrast strip with leftover policy (no sharing, ₱30 leftover fee)
- 18 Signature Sauces Grid — Visual sauce catalog with spicy/bestseller badges
- Ala Carte & Party Wings Pricing — Clean card pricing table by piece count
- Group Meals (GM1–GM4) — Value deal highlights with pax count badges
- Footer — Location, hours, and social links
Tech Stack
- Framework: Astro (zero-JS static output)
- Styling: Tailwind CSS v4
- Deployment: Vercel Edge Network (hungry-humans.vercel.app)