Dishly: Modern Recipe Management System

Jul 30 2025 • Muhammad Taha Nasir
Dishly Preview
Dashboard Interface
User Profile
Add Recipe Interface
Favorites Page
Recipe Discovery
Pantry Management
Recipe Collections
Messaging System
Admin Dashboard
Recipe Management
User Management
Ingredient Management
Meal Planner
Shopping List
Leaderboard
Full size image

Project Overview

Dishly is a comprehensive web-based recipe management system built with PHP and MySQL, featuring a modern UI with glassmorphism effects, pantry tracking, social features, and an admin panel. It allows users to create, manage, and discover recipes, track pantry inventory, and engage with a cooking community.

Situation

Managing recipes and pantry inventory efficiently while fostering a community for sharing culinary creations is challenging without a centralized, user-friendly platform that leverages database management systems for robust data handling.

Task

Develop a web application that enables users to manage recipes, track pantry inventory, and connect with other chefs, while providing administrators with tools to moderate content and analyze usage, all powered by a robust MySQL database.

Actions

  • Designed a MySQL database schema for users, recipes, ingredients, collections, and notifications.
  • Built a PHP-based backend with secure database connections using prepared statements.
  • Developed a responsive frontend with modern CSS, including glassmorphism effects and gradient backgrounds.
  • Implemented pantry management with visual stock indicators and quick actions.
  • Created social features like user following, messaging, and activity feeds.
  • Built an admin panel for user management, recipe moderation, and analytics with Chart.js.
  • Added security features like CSRF protection, SQL injection prevention, and input sanitization.
  • Optimized performance with database indexing, image compression, and caching.

Results

Dishly successfully delivered a robust recipe management platform with seamless pantry tracking and social engagement. The project enhanced my skills in PHP, MySQL, and database management, providing an intuitive tool for cooking enthusiasts and administrators.

Tech Stack

  • PHP: Backend logic and server-side scripting.
  • MySQL: Database for storing user, recipe, and pantry data.
  • HTML/CSS: Responsive frontend with modern design.
  • Chart.js: Interactive charts for analytics and trends.
  • XAMPP: Local development environment for Apache and MySQL.
  • Material Icons: Consistent iconography for UI elements.
Tools: