Skip to content

Seun-A/weekly-meal-planner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weekly Meal Planner React App

This project was bootstrapped with Create React App Inspired by Canva

Content

UI Design

The final view of the form allows users to input data into the table, using the sidebar on the right. The user selects the day, meal type and dish, and this is updated to the table in real time

The Cancel Button is implemented to reset the input process

Displayed below is the Canva inspiration on the left, and final UI on the right:

drawing drawing

Edit Experience

On selecting a box from the table, the sidebar renders an edit form. This form updates the content for the selected box in real time

The Cancel Button is again implemented, but this time to RESET to reset the box to the INITIAL content before edits

drawing drawing drawing