Culina-AI is the front-end recipe showcase for a luxury 7-star hotel experience, where users can explore, filter, and get inspired by diverse global dishes — all enriched with intelligent capabilities powered by Gemini.
This project presents a clean UI that allows filtering recipes by nationality, meal type, dish type, and occasion, providing an elegant and user-focused way to discover culinary magic.
- Filter recipes by:
- Nationality (Indian, Japanese, Mexican, etc.)
- Meal Time (Breakfast, Lunch, Dinner, Snack)
- Dish Type (Main, Side, Beverage, Dessert)
- Occasion (Everyday, Party, Romantic, Festive)
- Responsive card layout (3 per row on wider screens)
- Clean, modern design powered by CSS variables
- Dynamic JS rendering of recipe data
- Gemini integration for intelligent content generation (future support)
- HTML5 — Semantic layout
- CSS3 — Responsive design with custom properties
- Vanilla JavaScript — Dynamic rendering and filter logic
- Gemini API — AI support (secured via environment variable)
