Skip to content

jerin-arpa/community-food-sharing-client

Repository files navigation

Food Sharing

Private Repo Link

Project Link: https://community-food-sharing.web.app

Project features

Here are some key features of my project:

  1. Food Listings:

    • The homepage features an intuitive design with the logos and highest quantity featured food with proper information.
    • Enable users to list surplus food items they want to share or donate.
    • Include details such as food name, quantity, expiry date, and dietary labels (e.g., vegan, gluten-free).
    • Users can click on their preferred food to access the food-specific product listings.
    • Each food product section includes high-quality images, detailed product descriptions, and pricing information.
    • Users have the option to filter or search for specific products within each food name, making it easy to find what they're looking for.
    • This feature enhances the user experience by allowing visitors to explore and discover products from their foods.
  2. Private User Routes:

    • After logging in, users can access private routes on the website.
    • These private routes ensure that only authenticated users can access their profile pages and user-specific functionalities.
    • Role-based permissions dictate what actions users can perform on the platform, providing a secure and personalized experience.
    • Users can customize their profiles, including updating personal information and settings.
    • User-specific dashboards display relevant data, orders, and actions tied to their accounts, making the website tailored to individual users.
  3. Request Food Functionality:

    • On every product page, users see an "Request Food" button, and then open a modal. And in modal user can see another request button and then allowing them to request food to their virtual food request page.
    • Clicking the button dynamically adds the selected product to the Request Food page, providing a visual representation of the user's selections.
    • Users can view their Requested Food at any time, displaying the products they've chosen and their details.
    • This real-time Request Food management simplifies the process and ensures that users have full control over their selections.
  4. Manage Food Page:

    • Offer the option for users to donate surplus food to local charities or food banks.
    • They can easily remove items they no longer wish to purchase from the manage food.
    • Users have the option to adjust the quantity of individual items to tailor their orders to their preferences.
    • Users can then decide to proceed to the checkout page to complete their purchase, ensuring a streamlinedexperience.
  5. User Authentication with Firebase:

    • Users access your website and are presented with the option to sign in or create an account.
    • To create an account, users can choose the "Sign up with Google" option, which initiates the Firebase authentication process.
    • Firebase securely handles user registration and stores user profiles and authentication data.
    • Once authenticated, users can customize their profiles, including personal information and preferences.
    • User-specific data, such as order history and preferences, is securely tied to their authenticated account, providing a personalized experience.
  6. Mobile Responsiveness:

    • A mobile-friendly design to ensure a seamless experience for users accessing the website on smartphones and tablets.

These detailed descriptions emphasize the importance and functionality of each feature in delivering a user-friendly, secure, and efficient e-commerce website.