/WEB115-project

Basic weekly meal planning/logging site implemented with js

Primary LanguageJavaScript

WEB115-project - Meal Plan Builder Application

Basic weekly meal planning/logging site implemented with js

#Project Overview

  • The Meal Plan Builder is a web application designed for a fitness company, aiming to assist users in crafting personalized meal plans. The application is user-friendly, offering a seamless experience from data input to meal plan generation.

#Features

  • Personal Information Collection: Users can input their name, email, and a goal for the week, which is utilized to customize their meal plans.

  • Meal Plan Customization: Users can specify their meal choices for breakfast, two snacks, lunch, and dinner for each day of the week.

  • Real-time Validation: Input email is validated in real-time using regex.

  • Dynamic Web Page Generation: Upon form submission, a new webpage is created on-the-fly, displaying the user's customized meal plan in a nicely-formatted table adapted for anticipated length of entries along with word-wrapping for viewing and printing

  • Print and Download Functionality: Users have the option to print their meal plan or download it as a CSV file, including both the meal and user data.

  • Banner image: A banner image to provide a more professional-appearing interface