๐ŸŽฅ Video

Sorry for going over time, feel free to skip through using this guide:

  • Pitch (Start-End) 0:00-5:14
  • Demo (Start-End) 5:15-8:34

๐Ÿ’ก Inspiration

The past year and half weโ€™ve been isolated from friends & family. We canโ€™t see or help our loved ones who might have difficulty moving. Small businesses are struggling and are on the brink of closing. And then there are people who want to help volunteer, but donโ€™t know where to start. Letโ€™s rebuild our neighborhood and get neighborly. Our community needs to get back to loving interactions its use to and has missed due to isolation/quarantine.

๐Ÿก What it does

Neighbor.ly allows for users wanting to volunteer to find volunteering opportunities that are close to them and align with their skill sets. Neighbor.ly also allows for business and neighbors in need to request for help & support from people in the community. Users who successfully complete their volunteer task receive hood points, our own cryptocurrency, and are able to redeem gift cards or donations to reputable charities of their choice.


  • Neighbor.ly allows volunteers nearby or far to help rebuild communities that have been struggling due to Covid-19. However, when the pandemic is over Neighbor.ly can still help connect business that are struggling financial and elderly or disable individuals. And help eager volunteers or students in need of volunteer hours find jobs in their local community and that align with their skill sets.

๐Ÿ”จ How we built it

Technologies Used

Google Docs & Draw

  • We used google docs during the ideating & brainstorming phase.
  • We used Google draw to map out features & MVPs.


  • We made the design system & branding on Figma (color, typography, etc.).
  • Then, We made wireframes.
  • Lastly, We made low & high-fidelity.

Design Process

  • Problem: During the pandemic, Businesses and Individuals are struggling to receive help. Our community bonds & ties are being broken, due to isolation.
  • Question (HMW): How might we help our community by connecting volunteers with struggling businesses and individuals in need?
  • We will need to: Bring volunteers to business and individuals in need.
  • Impact: Providing free help to rebuild our community business and help individuals in our community with no cost/strings attached. Create a more loving environment, making it easier to come out of isolation.
  • User Personas: See Slides
  • Main audience: Business Owners, Elderly & Disabled Individuals, Student Volunteers (16-21 yrs old)
  • Design System: Used blue and green to resemble the earth and the community coming together to make the world a better place. Gives our application are more homely & comfy feel.

๐Ÿ˜ค Challenges we ran into

  • Finding teammates to create a project with.
  • Trying to learn code and implement my designs into code.
  • Struggled to even make my login page functional, so had to quickly try to make a prototype on Figma.
  • Time constraints
  • My browser crashing and not saving my devpost submission so having to re-writing it.

๐Ÿ† Accomplishments that we're proud of

  • Completing the project on time despite the challenges stated above.
  • Completing all screens on time, by myself.
  • Making my prototype fully clickable.

๐Ÿ“– What we learned

  • We learned more about user personas & user research
  • We learned more about app design and UI
  • We learned about using my research to create the UX
  • We learned about design systems (typography, color, branding, etc.)
  • We learned a little bit about HTML & CSS even though we werenโ€™t able to implement them during this hackathon

๐Ÿš€ What's next for Neighbor.ly

Neighbor.ly does not & will not stop at the end of this hackathon! It will continue with the help of developers & investors. So if you, judge, or hackathon participant know anyone wanting to join in the creation of a volunteering app, let me know! Here's our launch plan:

Part I:

  • Finalize platform and donation/map functionalities.
  • Initiate outbound marketing and sales.
  • Leverage Gen Z & student ambassadors.

Part II

  • Pilot test in my local community first
  • Integrate user feedback
  • Integrate new features
  • Monetize further

Key Tactics (will be used during the execution in both part I & II)

  • A/B testing of cryptocurrency features
  • Gradual roll-out (test market)
  • Interactive user feedback cycles

Built With

Share this project: