Project Link: https://community-food-sharing.web.app
Here are some key features of my project:
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.