ShareBite

Nourishing Communities One Meal at a Time

Comment

Inspiration

The inspiration behind ShareBite came from the growing issue of food waste and hunger in our communities. We realized that while many restaurants often have surplus food at the end of the day, there are countless individuals and families who struggle to access nutritious meals. This disconnect between excess and need sparked the idea for ShareBite—a platform that could bridge this gap by efficiently redistributing food to those in need.

What it Does

ShareBite is a web application designed to bridge the gap between restaurants with surplus food and users seeking to access these leftovers. The platform offers a range of features to enhance both the user and restaurant owner experience:

  • Real-Time Updates: When a restaurant uploads surplus food items, they are immediately visible to users. This ensures that users always have access to the most current information regarding available leftovers.

  • Location-Based Sorting: On the user side, restaurants are automatically sorted by proximity, from the closest to the farthest, making it easy for users to find the most convenient options.

  • Dietary Restriction Filters: Our app allows users to filter search results based on dietary restrictions such as halal, vegetarian, or vegan, ensuring that users can easily find food that meets their preferences.

  • Dynamic Map Integration: The app integrates with Google Maps API to provide users with walking and driving directions to the selected restaurant. This feature ensures that users can choose the most suitable mode of transport.

  • Visual Radius Indicators: The map features color-coded circles that highlight restaurants within specific radii, allowing users to visually identify which restaurants are within a walkable or easily accessible distance.

  • Detailed Restaurant Profiles: Users can view comprehensive details for each restaurant, including the types of cuisine offered, available quantity, dietary options, and operational hours. They can also book pickup times directly through the app to avoid overcrowding.

How We Built It

Building ShareBite involved a comprehensive approach to creating a full-stack application that seamlessly integrates various technologies:

Frontend Development

  • React: We used React for the frontend, leveraging its component-based architecture to create a dynamic and responsive user interface.
  • User Authentication: Integrated Google Sign-In for a smooth and secure login experience.
  • Restaurant Information Form: Developed a detailed form for restaurant owners to input essential details, including name, address, cuisine, dietary restrictions, and operational hours.
  • Dynamic Map Integration: Utilized the Google Maps API to display restaurant locations and calculate distances between the user's location and the restaurant.

Backend Development

  • Node.js & Express: The backend was built using Node.js with the Express framework to handle server-side logic and API development.
  • API Development: Created RESTful APIs for user authentication, restaurant creation, updating, and retrieval, interacting with MongoDB for data persistence.
  • MongoDB: Used MongoDB for data storage, designing schemas for restaurants to ensure data integrity and efficient querying.

Real-Time Updates

  • Ensured that once a restaurant posted its availability, users could immediately see it, check the number of time slots remaining for booking a pickup, and cancel the booking if necessary.

Challenges We Ran Into

  • Data Synchronization: Maintaining accurate synchronization between user inputs and restaurant data in MongoDB was a challenge. We implemented error handling and validation to ensure data consistency.
  • Map Integration: Integrating Google Maps API and calculating accurate distances while displaying real-time location data required careful handling.
  • UI/UX Design: Creating an intuitive user interface that could seamlessly connect restaurant owners and users presented various challenges, particularly in ensuring a smooth and engaging experience for all stakeholders.

Accomplishments That We're Proud Of

  • Successfully developing a fully functional platform that addresses a real-world problem of food waste.
  • Seamlessly integrating Google Maps API for real-time location data and distance calculation.
  • Creating a user-friendly interface that facilitates easy navigation and efficient interactions between restaurant owners and users.

What We Learned

  • The importance of data synchronization and real-time updates in creating a responsive and reliable application.
  • How to effectively integrate third-party APIs, like Google Maps, into a full-stack application.
  • The value of focusing on user experience to ensure that the platform is both functional and engaging.

What's Next for ShareBite

  • Monetization: In future iterations, we plan to introduce advertisements on the platform to generate revenue while keeping the service free for users.
  • Expanding Features: We aim to expand the platform by offering more detailed analytics for restaurants, allowing them to track their contributions to reducing food waste.
  • Mobile Application: We also plan to develop a mobile version of ShareBite to increase accessibility and user engagement.
Share this project:

Updates