Wishbone, A Client of Disrupto
Crowdsourcing, Education, Non-Profit
Thousands of image uploads
Saves on hiring a developer, low monthly plans
- Facial recognition API for centering and cropping images of faces
- Significantly reduced development time
- Delivers on Wishbone’s requirements for file uploads
Table of Contents
Wishbone is a non-profit fundraising platform that gives high school students the chance to pursue their passions by matching them with different scholarship opportunities. The crowd-sourcing tool sends low-income high school students from New York City, the Bay Area, and Los Angeles to summer programs. Students apply for one of the 550 high quality, accredited summer programs featured on Wishbone.org based on their interests and location. Wishbone is supported by foundations, corporations, program providers, and individual donors through their website.
Wishbone Needed Thousands of Images For User Avatars
Mike Potter of Disrupto is the lead developer for their client, Wishbone.org. He’s been working on Wishbone’s crowdsourcing website for the past 2 years. The site required thousands of images, which could mean spending large amounts of time going through those images and aligning and resizing them properly.
The majority of images that Wishbone needed were avatars of users: students and teachers needed to upload their photos onto the platform. The teachers needed to be on Wishbone acting as advocates for the kids by helping them raise money, sharing links to the campaigns through their network, and trying to recruit donors.
“It’s a classic problem. Every project needs images—or, just about every project,” explains Mike Potter. “If you’re dealing with images, you don’t want to have to build your own backend. No one wants to build their own boilerplate code for images that every site has to have. I wanted to focus on what Wishbone needed to do, and outsource the stuff that’s boilerplate and common. That’s always a win.”
Filepicker’s Facial Recognition Feature
Mike Potter heard of Filepicker by word-of-mouth through one of his developer friends. He used Filepicker on other projects, so now it became his go-to utility for uploading, formatting, resizing and cropping images. Since Filepicker already built a back-end for image uploads, it was the obvious choice to use in different areas of the Wishbone site that required different sized avatars.
“When users upload photos, we have a custom uploader and we use the Filepicker API to manage that upload,” says Mike. “All the UI stuff is done through a custom control. Filepicker is nice, because I really don’t have to maintain my own infrastructure for resizing images. We do dynamic resizing through URL parameters. There’s a facial recognition feature in Filepicker where you can indicate what strategy you want to use to resize an image, and it will identify where the faces are and the image will try to center around that.”
Filepicker Saves Time And Resources So Wishbone’s Development Team Can Focus On Its Mandate: Crowdsourcing
“There’s nothing Filepicker does that I couldn’t do myself, but the thing is, I don’t want to—I’d rather focus on other projects,” explains Mike. “The core value of Filepicker is that we don’t have to build our own image resizing architecture. That’s attractive no matter what the space is.”
In addition, when the Wishbone platform’s designer comes up with a new layout for a page, Jonathan doesn’t have to do any work in the Filepicker backend to accommodate it. He just puts in different numbers when he fetches the image.
“Wishbone is a non-profit, so any sort of help we can get is always a win for us,” Mike Potter adds. “It’s better to just pay Filepicker a little bit of money than to hire a developer to build our own image-hosting architecture. We’re facilitating scholarships for students, and using crowdsourcing to do that, so we’re busy developing that platform. Filepicker just works. It’s pretty handy.”
Read More →