Coffee shop website + digital menu · Client work
Matteo's Brew
A warm, motion-rich website for a neighbourhood coffee shop, with a searchable digital menu customers open from a QR code at the counter.
Design & build · 2026 · Designed, built and deployed by Alexus Karl Joaquin.
Pages
Home + menuMenu items
26Motion
Framer MotionBuild
StaticWhat I built
- Full-bleed video hero, animated sections for the story, menu preview, events, packages and location, all tuned for phones first.
- Digital menu page: 26 drinks across Classics, Signature, Specialty, Milk, Matcha and Chocolate with instant search and category filters.
- QR-code section generates scannable codes that drop customers straight into the menu from the counter or table.
- Ships as a static build, so hosting costs nothing and it loads instantly.
Skills demonstrated
- React 19
- JavaScript (JSX)
- Vite 7
- Tailwind CSS 4
- Framer Motion
- React Router 7
- QR code generation
- Responsive layout
- Video hero & media optimisation
- Search & filter UI
- Static build & hosting
- Client delivery
Stack
React 19Vite 7Tailwind CSS 4Framer MotionReact Router 7QR codesStatic hosting
Screens
More
All projects · Experience · LinkedIn · GitHub