Neighbor Helper

Inspiration

During our daily lives, many people — especially the elderly, busy parents, or students — often need a small favor from someone nearby: carrying groceries, borrowing tools, or receiving a quick helping hand. At the same time, there are neighbors willing to help but lacking a simple way to connect. Neighbor Helper was born from the idea of building stronger, more supportive communities through technology.

How We Built It

We built Neighbor Helper using React and Tailwind CSS for a responsive and user-friendly frontend. On the backend, we used Node.js and Express to handle server logic and API requests. For our database, we chose Supabase, which made it easy to manage authentication, store user data, and sync requests in real time without heavy backend setup.

What We Learned

During this project, we learned how to: Build and deploy a full-stack web app quickly in a hackathon setting. Use Supabase for database and authentication without needing a complex backend. Manage component state and user input efficiently in React. Debug collaboratively and test live changes using tunneling tools.

Challenges We Faced

Some challenges we faced included: Configuring permissions and handling dependency errors in the development environment. Managing dynamic form fields and dropdown inputs smoothly in React. Integrating Supabase authentication and real-time data sync with our frontend.

Built With

• google-maps
• mapbox
• react
• supabase
• tailwind