AI App

MealMate Web

MealMate is a web application that allows users to get 7-days meal plan. It is developed using .NET 8, Blazor, OpenAI and TailwindCSS

.NET 8BlazorOpenAITailwindCSS

View Demo GitHub

Project Overview

MealMate Web is the desktop counterpart of the MealMate ecosystem, built with .NET 8 and Blazor for a fast, server-rendered web experience. The application leverages OpenAI's API to generate complete 7-day meal plans tailored to individual dietary needs. Blazor's component model provides a rich, interactive UI without requiring JavaScript, while TailwindCSS delivers a modern and responsive design.

Key Features

AI-powered 7-day meal plan generation with OpenAI
Server-side Blazor for fast initial load and SEO
.NET 8 backend with minimal API endpoints
TailwindCSS responsive design system
User preference storage and meal plan history
Printable meal plan output

Technical Highlights

Built on .NET 8 with Blazor Server for real-time UI updates over SignalR. The OpenAI integration uses the official .NET SDK for type-safe API calls. TailwindCSS is integrated via PostCSS for utility-first styling. The architecture demonstrates how to build modern AI-powered web apps within the .NET ecosystem.