Meal Planner is a web application designed to assist managers in creating personalized meal plans for their employees. The application allows meal plans to be created on a weekly or monthly basis, with filtering options for dietary preferences and allergies. The platform leverages a database of recipes to generate meal options that align with individual restrictions.
https://meal-planner-team28.netlify.app/
- Custom Meal Plans: Create and manage weekly or monthly meal plans for employees, tailored for their diet preferences.
- Diet and Allergy Filters: Filter meal options by dietary restrictions (e.g., vegetarian, keto, gluten-free) and allergies (e.g., dairy, nuts).
- Recipe Database: A rich collection of recipes to choose from when creating meal plans.
- Desktop first Responsive UI: User-friendly interface designed for both desktop and mobile devices.
- Vite: A modern build tool for faster development and optimized builds.
- React Router: Routing library for React that enables dynamic navigation within single-page applications.
- Context API: Built-in React feature for global state management, simplifying prop passing across components (avoiding prop drilling).
- Tailwind CSS: A utility-first CSS framework used for styling the application.
To run the Meal Planner project locally, follow the steps below:
Clone the repository:
- git clone https://github.com/minorObsession/meal-planner.git
- npm run dev - to start development
- vite
- eslint
- tailwind css