Sta da jedem.ai

Project overview
Personalized, AI-Driven Meal Planning
Šta da jedem.ai is an interactive web application I built to help users plan meals, discover new recipes, and optimize grocery shopping—powered by artificial intelligence.
Instead of endlessly wondering “What should I eat today?”, the app delivers concrete, personalized suggestions complete with images and a ready-to-use ingredients list.
Idea & Core Features
Users enter their preferences (meal type, dietary restrictions, target calories, ingredients to include/exclude), and the app generates recipes in real time—with matching AI images and a consolidated shopping list.
Key features include:
- AI recipe generation — GPT model creates unique, easy-to-follow recipes with clear instructions.
- Automatic dish images — generated via DALL·E 3 so every recipe has an appealing visual.
- Weekly meal planner — plan breakfast, lunch, dinner, and snacks for the entire week.
- Shopping list — automatic aggregation of all ingredients from selected meals.
- Email reminders — each morning, users receive the ingredients needed for that day.
- Usage control — a request counter that limits free/guest usage (e.g., 2 free AI queries).
How It Works
- Preferences input — the user specifies the meal type, constraints, and goals.
- Content generation — the app requests a recipe and description from the GPT model.
- Visualization — DALL·E 3 generates a matching dish image from the recipe.
- Planning — meals are stored in the weekly planner with linked ingredients.
- Shopping list — all ingredients are aggregated into an interactive, checkable list.
- Email reminder — a cron job sends daily reminders with the day’s ingredients.
Technologies
- Backend: PHP 8, Laravel Framework
- Frontend: HTML5, CSS3, JavaScript (ES6), AJAX
- Database: MySQL
- AI integrations: OpenAI GPT-4 for recipes, DALL·E 3 for images
- Automation: cron jobs for daily email reminders
- Session & guest logic: tracks users and requests even without registration
- Responsive design: tailored for both mobile and desktop
Notable Implementations
- Slug-based linking — every recipe uses SEO-friendly URLs (e.g.,
/blog-single?slug=pasulj---prebranac
). - Automatic ingredient extraction — if a recipe lacks a predefined ingredient list, the system parses the recipe content to generate it.
meal_ingredients
table — ensures accurate synchronization between the weekly planner and the shopping list.- Email template optimization — users receive only the ingredient checklist, without unnecessary clutter.
Results & Impact
By combining modern AI with everyday needs, the application saves time, simplifies planning, and inspires users to try new dishes. It encourages healthier, more varied, and better-organized eating habits.
This project demonstrates how a practical idea, solid system architecture, and AI can come together to create a digital product that is useful, enjoyable, and scalable.
Compact Version (optional)
Overview: AI-powered meal planner that generates recipes, images, weekly plans, and a smart shopping list based on user preferences and dietary goals.
Highlights: GPT-4 recipes, DALL·E 3 images, cron-based email reminders, SEO-friendly slugs, automatic ingredient parsing, and a normalized meal_ingredients
schema.
Impact: Faster meal decisions, healthier variety, and a more organized shopping routine.
Custom Tools & Logic


Establishing a clear direction and foundation
Aligned goals, audience, and content into a scalable IA with SEO-friendly URLs and conversion-focused user journeys.
Building a flexible and consistent design system
Translated Figma into a reusable component system with responsive layouts, consistent typography/spacing, and a scalable UI foundation.
Turning concepts into powerful features
Built custom logic, APIs, and automations with normalized data models, delivering fast, reliable features across the recipe pipeline, planner, and shopping list.
Ensuring performance, stability, and SEO readiness
Tuned Core Web Vitals, caching, and image delivery; implemented SEO metadata & schema, clean redirects, accessibility fixes, and full QA for a smooth, reliable go-live.


Project results
Over multiple iterations, the AI planner evolved into a stable, fast, and genuinely helpful product. Users create weekly plans in minutes, receive clean shopping lists, and report trying more diverse meals with less decision fatigue. Continuous SEO and UX improvements increased organic visibility and repeat usage, while the CRM-ready email reminders keep engagement steady between sessions.
Latest insights
Discover expert perspectives on web development and digital strategy
Stay updated with our latest web development insights
Get exclusive tips, strategies, and industry trends delivered straight to your inbox