We wanted to take volunteering into the 21st century by creating an application that would be easily accessible to younger generations.

What it does

Vinder is a an app for companies and individuals to post volunteering opportunities for all ages. Opportunities in the local vicinity appear one by one, with the user being able to "swipe left" to reject it, "swipe right" to match with it, and "swipe up" for more details and logistics. We believe the simple UI will enable these opportunities to be easier found and as well as more well known.

How we built it

We divided the group into two distinct teams: front end and backend, spearheaded by Team Leader Diana Chang. The front end worked with html, css, and javascript to create the layout and format the web application. The back end, worked with React, Node, Vanilla JavaScript, and Firebase to create the functionality of the app.

Challenges we ran into

Firebase, React, and Node are difficult to quickly pick up, and we struggled at first to incorporate them all together into the same project. Connecting it to the front end also proved difficult.

Accomplishments that we're proud of

We are proud that we were able to get a working prototype out that allows users to have the full swipe functionality of the Vinder of our dreams. Of course, learning new technologies that will aid us in future development isn't half bad either.

What we learned

There were various technologies employed to ensure the success of the Vinder project. The biggest ones were of course Node.js, React, and Firebase. In addition, we strengthened our preexisting background in HTML/CSS/Javascript.

What's next for Vinder

What's next for Vinder is to implement an even more comprehensive, machine learning algorithm to determine the best kinds of volunteering for each individual use based on their swipes right or left. We have also given thought to having a medium of communication through the app for clients to communicate with potential volunteers directly.

Share this project: