Inspiration
I built Volunteer Finder because a lot of students around me want to do volunteer work, but they never know where to start. I also needed volunteer hours myself, and I realized there wasn’t a simple website that collects different opportunities in one place. So I decided to make a tool that helps students find service chances quickly and easily.
What it does
Volunteer Finder lets users search for volunteer opportunities by keyword or category. It shows clear cards for each type of service, and when you click on one, it opens a detailed window with descriptions and a Google Maps link. It’s meant to be simple, fast, and helpful for high school students.
How we built it
I built the project using:
HTML + CSS for layout and UI,JavaScript for search and filtering , A pop-up modal to show details,GitHub Pages to host the website online.I kept the design clean because I wanted it to be easy for students to use without confusion.
Challenges we ran into
The biggest challenge was debugging the search filter because the categories didn’t match correctly at first.Another challenge was learning how to deploy the site through GitHub Pages .It took lots of time to fix layout issues when switching from local files to online hosting.
Accomplishments that we're proud of
I’m proud that the project is actually useful in real life and fully working. You can search, open details, and even access locations directly. Since this is my first real web project, getting everything to work smoothly felt like a big achievement.
What we learned
I learned how to organize a full project from start to finish, how to debug JavaScript issues, and how to publish a website online.
What's next for Volunteer Finder
In the future, I want to add likes A form for organizations to submit new volunteer opportunities More categories User accounts A better mobile UI I hope to turn it into a platform that helps even more students find meaningful service experiences.
Log in or sign up for Devpost to join the conversation.