Hunger Point

Turning Surplus into Smiles: Affordable Meals for All

Comment

Hunger Point

Hunger Point is a food ordering application built with Vue 3 and Vite for the frontend and a robust backend powered by Go (Gorilla Mux). The platform aims to connect food providers with consumers, facilitating better food distribution and reducing food wastage through a simple and efficient system.

Inspiration

The inspiration behind Hunger Point comes from the pressing global issue of food wastage. Every year, millions of tons of food are wasted while many people struggle to find their next meal. Hunger Point strives to bridge this gap by connecting food providers (like restaurants, individuals, or organizations with excess food) to those who need it the most. Our goal is to create a sustainable system that helps reduce food wastage and make food more accessible to all.

What it does

Hunger Point simplifies the process of managing and distributing food items. It allows:

  • Food providers to list excess food items with details such as images, descriptions, and quantities.
  • Consumers to browse, book, and order food items quickly and efficiently.
  • Rating and feedback to ensure quality service and trust between food providers and consumers.
  • Interactive mapping to locate nearby food providers and available food items.

The platform ensures that leftover or excess food finds its way to someone who can use it, contributing to a more sustainable and hunger-free community.

How we built it

The application consists of two main components:

Frontend

  • Built with Vue 3 and Vite for a smooth and modern user experience.
  • Responsive and clean UI design for both desktop and mobile users.
  • Features like search, interactive map views, and detailed item cards to improve user interaction.

Backend

  • Developed using Go with the Gorilla Mux router for handling API routes.
  • Utilizes MongoDB for data storage to manage users, food items, and orders.
  • Middleware to handle CORS and ensure cross-origin requests are secure and seamless.
  • RESTful API architecture ensures scalability and efficient data handling.

Tech Stack

  • Frontend: Vue 3, Vite, Pinia, TailwindCSS
  • Backend: Go, Gorilla Mux, MongoDB
  • Tools: Postman, VSCode, Git, Render (for deployment)

Challenges we ran into

  1. Integrating Frontend with Backend:
    Connecting a Vue-based frontend to a Go-powered backend required efficient handling of data formats and debugging API issues.

  2. Database Management:
    Designing the database models for MongoDB to accommodate dynamic relationships between users, orders, and food items.

  3. CORS Issues:
    Implementing proper middleware for handling CORS and ensuring secure API requests from the frontend.

  4. Real-Time Updates:
    Managing food availability and ensuring that booked items are no longer displayed to other users in real time.

Accomplishments that we're proud of

  • Successfully building a full-stack food management platform with a clean and functional design.
  • Seamlessly integrating frontend and backend components.
  • Ensuring data consistency between food providers and consumers using MongoDB.
  • Building interactive features like map-based search and detailed item listings.
  • Contributing to solving food wastage problems while enhancing sustainability efforts.

What we learned

  • Efficiently managing data flow between a Vue 3 frontend and a Go-based API backend.
  • Handling RESTful API calls and ensuring proper error handling.
  • Implementing middleware for CORS, routing, and request validation.
  • Designing responsive and user-friendly UI/UX interfaces.
  • Understanding the importance of sustainability and building technology for social good.

What's next for Hunger Point

The future roadmap for Hunger Point includes:

  1. Android Application:
    Develop a mobile application to make the platform more accessible to users on the go.

  2. User Onboarding System:
    Enhance the user experience with smooth onboarding flows, including step-by-step tutorials.

  3. Instagram Integration:
    Promote food availability through Instagram stories and posts to increase visibility.

  4. WhatsApp Notifications:
    Implement automated notifications to inform users about food availability, booking confirmations, and updates.

  5. Real-Time Updates with WebSockets:
    Enable real-time updates for food availability and user interactions.

  6. Advanced Analytics Dashboard:
    Provide insights for food providers to track their food distribution impact and ratings.

  7. AI-Based Recommendations:
    Recommend food items to users based on preferences, location, and availability.

  8. Collaboration with NGOs:
    Partner with NGOs to streamline food distribution to communities in need.

Conclusion

Hunger Point is more than just a food ordering platform. It's a step towards reducing food wastage and promoting sustainability. By connecting providers with consumers efficiently, Hunger Point strives to create a future where no food goes to waste, and no one goes hungry.

Built With

Share this project:

Updates