Inspiration

We were inspired by the need to normalize communities coming together to volunteer informally to make our local parks a cleaner and greener place. We also took inspiration from when2meet.com in terms of organizing our user flow so that users can see the best time to help out at parks if they wanted to work towards sustainability with others.

What it does

Starting from the home page a user is able to pick a borough from the navigation bar. From there they are able to pick from a selection of parks from that borough either on the list or on the map-view by clicking on the markers. Then the user can type in any date or click one on the calendar then fill out their availability and see when other users are free to volunteer at parks (The darkest blocks are when most users are available).

How we built it

We started by wireframing and drawing our logo and any other image components for our UI. We then built out the home page with JavaScript, JQuery, HTML, and CSS. We had our home page pass the park that the user selected to our availability tracker page. Then we moved onto our main functionality of showing when other people are free to volunteer at parks. For this we stored the park name, date of availability, and available times in our Firebase Realtime Database. We then pulled all the availabilities from our database for a given date and compiled them to show what times most people are available.

Challenges we ran into

One challenge was figuring out how to structure our database schema.

Accomplishments that we're proud of

We're proud that we were able to post a user's availability and see the compilation of all users' availability for a given date.

What we learned

We learned how to use Firebase and JQuery.

What's next for when2clean

Future features include using the Twilio api to send an email confirmation a day before the days a user has given their availabilites for to confirm what times they put their availability and let them know the most common time block that users are available for that date.

Share this project:

Updates