myKitchen app screenshot
Vue.js Vue Router Firebase HTML Sass

myKitchen App

A responsive recipe management app built with Vue.js and Firebase. Designed to help users create, search, and organize their favorite meals while managing shopping lists and ingredients with ease.

Visit Site

Tools

Vue.js, Firebase, HTML, CSS

Key Features

Recipe creation, ingredient-based search, shopping list, dynamic modals

The Goal

  • Build a feature-rich cooking assistant that’s easy to use
  • Allow users to manage personal recipes and shopping lists
  • Make meal planning intuitive with ingredient search

My Approach

  • Structured the app using reusable Vue components
  • Integrated Firebase for secure user authentication
  • Created modals for viewing, editing, and creating recipes
  • Added ingredient filters, dynamic greetings, and transitions

The Result

myKitchen delivers a smooth, interactive user experience for managing meals and ingredients. The app blends functionality with fun, empowering users to stay organized and inspired in the kitchen.