Project Walkthrough - Meal Planner App

Personal Project – Progressive Web App with React

← Back to Main Screen

This Meal Planner App is a mobile-friendly progressive web app designed to help users plan meals, manage pantry inventory, filter recipes by allergies, and generate dynamic shopping lists that scale with portion sizes. It supports saving custom recipes, works offline, and includes a dark mode for comfortable viewing.

Tech Stack

  • Languages: JavaScript, HTML, CSS
  • Framework: React
  • Build Tool: Vite
  • Data Storage: localStorage
  • Environment: Localhost (runs on development server)