AIDNET

Inspiration

A friend moved to a new city and could not find food banks and help quickly. We have apps for coffee shops. We do not have a simple place to find community help. I built AIDNET to make that easy.

What it does

AIDNET is a map for community resources. You can:

• See food banks, shelters, tutoring, and support on a map
• Click on the map to add a new resource with its location
• Filter by category
• Open a resource to see contact info, hours, and details
• See your new resource show up right away

How I built it

• React with function components and hooks
• Google Maps JavaScript API for the map and markers
• CSS for a clean layout on desktop and mobile
• localStorage so data stays during the demo
• lucide-react for icons

Click the map, fill the form, submit. The resource appears on the map and in the list.

Challenges

• Making the add flow feel fast and clear
• Keeping the map markers and the list in sync
• Handling small screens while keeping the map readable

Accomplishments

• A simple add flow that needs no training
• Works on desktop and mobile
• New resources show up instantly and are easy to find

What I learned

• Keep the flow short and obvious
• Keep the map and the list in sync
• Test on a phone early

What is next

• Cloud database and accounts so data is shared across users
• Chatbot for support
• Basic verification and reporting
• Search and radius filters
• SMS or WhatsApp alerts for urgent needs
• AI to auto tag and flag duplicates
• Multi language support

Built With

• es6
• google-maps
• html5
• javascript
• react