Simple Dinners Generator 🍽️

A Personal Meal Planner created with the MERN Stack.
Building...Personal Project
Live Since: 2023-01-15

Description

The 'Simple Dinners Generator' is a web application aimed at simplifying the often complex task of meal planning. Designed for those who prefer straightforward meals, it combines a user-friendly front end and a back end, developed with the MERN stack.

Problem Statement

Simplify Meal Planning with a Full-stack Web App. The goal is to have a well-rounded, but simple, meal planning solution.

Role:

Full-stack Developer, UX/UI Designer, Content Writer
  • React
  • CSS
  • JavaScript
  • MongoDB
  • Express
  • Node.js

Features

Challenges and Learnings

Project Image Gallery

Landing marketing page - desktop view, dark modeLanding marketing page - desktop view, dark mode
Login page - desktop view, dark modeLogin page - desktop view, dark mode
Meal Plan Generator dashboard - desktop view, dark modeMeal Plan Generator dashboard - desktop view, dark mode
Add new Recipe page - desktop view, dark modeAdd new Recipe page - desktop view, dark mode
Generate new Recipe page - desktop view, dark modeGenerate new Recipe page - desktop view, dark mode
Landing marketing page - desktop view, light modeLanding marketing page - desktop view, light mode
Meal Plan Generator dashboard - desktop view, light modeMeal Plan Generator dashboard - desktop view, light mode
Add new Recipe page - desktop view, light modeAdd new Recipe page - desktop view, light mode