Bayan Bite is a Filipino-inspired static website created to share local dishes and promote the spirit of bayanihan — community sharing through food.
The website features a collection of authentic Filipino recipes that can be enjoyed, learned, and shared by church members, families, and food enthusiasts.
🌐 Live Demo: bayan-bite-m7bqix7gc-alecsdevs-projects.vercel.app
- 🇵🇭 Showcases traditional Filipino recipes (Adobo, Lumpia, Halo-Halo, etc.)
- 🍲 Clean and responsive design made with React + TypeScript
- 🎨 Interactive recipe cards with modal popups for ingredients and instructions
- 💡 Smooth animations using Framer Motion
- 🧠 Simple, beginner-friendly static website built for learning and presentation
| Technology | Purpose |
|---|---|
| React + Vite | Frontend Framework |
| TypeScript (TSX) | Type safety and better code readability |
| Tailwind CSS | Styling and layout |
| Framer Motion | Animations and transitions |
| Lucide Icons | Beautiful modern icons |
| Vercel | Deployment and hosting |
- Clone the repository:
git clone https://github.com/AlecsDevs/bayan-bite.git