MealPlaterz (Share Food Reduce Waste Project)

Live Demo

• MealPlaterz on Firebase
• MealPlaterz on Netlify

Table of Contents

• Description
• Features
• New Features
• Packages Used
• Future Enhancements

Description

MealPlaterz streamlines food donation by providing a platform to schedule, track, and request food donations. Only users who complete food donations can leave reviews. Stripe is integrated for premium membership, which includes free food delivery.

Features

1. User Authentication:

   • Sign up with email and password.
   • Login securely using email credentials.
   • Password validation during registration.

2. Navigation and Accessibility:

   • Secure private routes and redirects.
   • Forgot password functionality.
   • Seamless navigation for logged-in users.

3. User Interface:

   • Responsive design across devices.
   • AOS for enhanced user experience.
   • Skeleton loaders for smooth content loading.

4. Food Sharing Management:

   • Each food listing includes an expiration date and time with conditions.
   • Post, manage, and update food listings.
   • Search functionality by food type or location.

5. User-Specific Features:

   • Manage food listings and availability.
   • Update profile information and preferences.

6. Advanced Functionalities:

   • Secure JWT authentication for user authorization.
   • Interactive data visualizations with React CountUp and Google Charts.
   • Booking status management and prevention of duplicate listings.
   • Pagination for efficient search and results display.

New Features

1. Payment for Premium Membership:

   • Users can purchase premium membership for enhanced features.
   • Payment form for purchasing premium membership using Tailwind CSS for styling.
   • Continuous check for premium membership expiration to ensure up-to-date access.

2. Improved Food Listing Management:

   • Expired foods are automatically filtered out by default.
   • Option to display expired foods, sorted to appear last.
   • Real-time updates on food availability and expiration using advanced date handling libraries.

3. Enhanced Profile Page:

   • Redesigned for a professional and colorful appearance.
   • Includes countdown for premium membership and easy access to profile actions.
   • Mobile responsiveness for improved usability.

Packages Used

Dependencies

• aos
• axios
• firebase
• react-icons
• react-router-dom
• @stripe/stripe-js
• @tanstack/react-query
• @stripe/react-stripe-js
• @headlessui/react
• react-loader-spinner
• react-helmet-async
• sonner
• swiper

Dev Dependencies

• @types/react-dom
• daisyui
• tailwindcss
• vite

Future Enhancements

1. Enhanced Reporting and Analytics:

   • Advanced data visualizations for donation trends.
   • Reports on user activity and food availability.

2. Community Features:

   • Forum for users to discuss food-sharing tips.
   • Collaborative events for reducing food waste.

3. Mobile App Integration:

   • Dedicated mobile app for on-the-go food sharing.
   • Push notifications for updates and new donations.