Back to Projects

Meal Planner Web Application

A comprehensive full-stack web application designed to make family meal organization simple and stress-free. Perfect for busy families who want to eat better while saving time. Features secure authentication, interactive meal planning, recipe management, and automated shopping list generation.

Key Features

User Authentication & Authorization

  • JWT-based authentication with HTTP-only cookies
  • Secure password hashing with bcrypt
  • Protected routes with middleware
  • Session management

Meal Planning System

  • Interactive calendar view with drag-and-drop
  • Meal scheduling and rescheduling
  • Multi-dish meal assignments
  • Date-based meal organization

Recipe Management

  • CRUD operations for dishes/recipes
  • Ingredient tracking with quantities
  • Recipe viewing with detailed instructions
  • Recipe-dish relationship management

Product/Grocery Management

  • Product catalog with search
  • Price tracking
  • Product categorization
  • Shopping cart generation from meal plans

Shopping Cart Generation

  • Automatic aggregation of ingredients
  • Meal plan → shopping list conversion
  • Product quantity calculations

Project Overview

Built with modern web technologies, the app combines security, practicality, and a clean, intuitive design to help families stay organized and make meal planning enjoyable.

The application provides a seamless experience from meal planning to grocery shopping, eliminating the stress of deciding what to cook and ensuring you have all the ingredients you need. The drag-and-drop calendar interface makes it easy to organize meals for the week, while the automated shopping list generation saves time and reduces food waste.

Security is a top priority, with JWT-based authentication, secure password hashing, and protected routes ensuring user data remains safe. The comprehensive testing suite and security scanning tools ensure the application meets high standards for quality and security.

Technology Stack

Frontend

React 18.3+TypeScriptReact Router v6React Big CalendarReact DnDTailwind CSSAxiosContext API

Backend

Node.js 20+Express.jsTypeScriptPostgreSQLKnex.jsJWTbcryptZodHelmet.js

Development & Quality

JestReact Testing LibraryESLint (Airbnb)TypeScript Strict ModeSupertest

Security & DevOps

OWASP ZAPDockerEnvironment ConfigDatabase MigrationsHealth Checks