Voluntify

• 

  Dashboard Page

• 

  Opportunities Page

Inspiration

Volunteering is a great way for teens to give back, but finding volunteer opportunities and keeping track of service hours can be tricky and time-consuming. I wanted to build a platform that makes browsing and signing up for events easy and helps teens stay organized with their community service.

What it does

Voluntify lets teens find volunteer events, sign up quickly, and log their hours all in one place. It also keeps track of total hours and recent activities so it’s easy to stay on top of everything.

How we built it

I built Voluntify using React to create a smooth and simple user experience. Firebase takes care of user accounts and stores all the data in real time. The app includes dashboards, event browsing, sign-ups, and hour tracking that update instantly.

Challenges we ran into

The hardest part was setting up Firebase authentication and making sure the database worked smoothly to keep all the data updated correctly.

Accomplishments that we're proud of

I'm proud that the database correctly shows each user’s events, total hours, and recent activities in real time, making the platform reliable and easy to use.

What we learned

I got better at working with real-time databases, managing user sign-ins, and connecting the front end with the backend. We also learned how to design simple, user-friendly sites that keep people coming back.

What's next for Voluntify

I plan to add a map to show where volunteer opportunities are located and use an API to display only the events near each user, making it even easier to find nearby chances to help out.

Built With

• firebase
• next.js
• react
• shadcn/ui
• typescript