Inspiration

The main force of the Junior Achievement program is comprised of volunteers, however the process for signing up is very slow and complicated, which causes too many volunteers to fall off. Since the participation of community members is crucial to the functionality of Junior Achievement, we've decided to find a way to make it easier for volunteers to find the right program for them in a quick and efficient manner.

What it does

In order to expedite the process, we've decided to modify their website to display a list of volunteer opportunities. This eliminates the need to wait for the Education manager to look through the list of volunteer interests to select a program for them. Instead, the volunteers can search for volunteer opportunities that they are interested in, saving them time.

How we built it

The Junior Achievement website is built using Wordpress, so we integrated some custom HTML and JavaScript code to access a Firebase database and pull the list of volunteer opportunities to display on the page. We also included a filter so that the searches can be more specialized to only display the opportunities that the volunteer wants.

Challenges we ran into

Most of our team had never used Firebase or Wordpress before, so we needed to constantly learn new technologies as we went. Wordpress especially limited our options for web development as opposed to regular HTML, and Firebase was different from the MySQL databases that we are familiar with.

Accomplishments that we're proud of

We managed to create the front-end to display a table of volunteer opportunities, and the filtered searches to filter out relevant results.

What we learned

We learned a lot about Wordpress plugins and their functionality, and we were exposed to Firebase for the first time. In addition, we tried using the Google Maps API to display the volunteering locations on a map for the user.

What's next for Team 11

We need to fully implement the Firebase usage and add the Google Maps functionality into the app. Following that, we might also think about making it easier for administrators to update the database more easily, so that they can keep the website up to date.

Share this project:
×

Updates