Springboardauto challenge

Hello Everyone!

Springboardauto.com has added a challenge to the hackathon, so if you're still unsure of what you want to build, here's some direction. What this means is that you can be a winner of our hackathon and a winner of this challenge. They are two seperate challenges.

Here are the details for the Springboardauto Challenge:

What should I build?

We’d like you to create an Angular.js apps and simple Node.js servers that allow us to do the following two things :

1. A user takes a picture of his or her car’s VIN Barcode. The image of the

barcode is sent to the server and the VIN is read and returned as a string.

Picture this: the user may enter his or her VIN number manually. However we would like to give them the option to upload a photo of the VIN Barcode instead of typing itout. Once the image of the barcode is provided we would like to decipher the VIN and return the string representation so that we can pass it through our own existing decode service to determine the year, make, model, etc.

So what does this mean in technical terms?

● We’d like you to build a modal with the selected filename (initially empty), an

"add" button, a “confirm” button, a "close" button, and a delete functionality.

o The "add" button should prompt the user to ask if he/she would like to

use the mobile device’s camera to take a picture or select it from the

camera roll. Adding should upload the photos directly.

o The “confirm” button should close the modal.

o The "close" button should close the modal and delete the uploaded files.

o The filename list should allow the user to remove a selected file from the list.

● The server should respond with the actual string (VIN number) from the

● Bonus points if you allow the user to edit images before upload (rotate, crop,

resize, view thumbnail, etc.)

Environment: must be compatible with IE9+ (Windows phone) / Chrome (Android Jelly

Bean+) / Safari (iOS 8+)

Technology: we were looking at the Barcode API (https://github.com/zxing/zxing), but

we are open to better technologies. Google’s Tesseract is another good option:

(https://code.google.com/p/tesseract-ocr/)

2. A user is guided to take a sequence of images via a mobile device.

Imagine this: the user navigates to a screen in which he/she has to upload several

different pieces of information. One of these uploads is to provide us with pictures of the car that is being sold. We would like the user to click on the add button to select

images from the camera roll or to automatically access the mobile device’s camera to take a series of photos. The user is guided through the pictures he or she must take.

For example, the user can directly access the iPhone camera through the add functionality, take a sequence of photos of all sides of the car and its interior (8 or so pictures that are prompted by in screen text), and confirm upload without ever having to leave our page.

So what does this mean in technical terms?

● We’d like you to build a modal with a list of selected filenames (initially empty),

an "add" button, a “confirm” button, a "close" button, and a delete functionality.

o The "add" button should prompt the user to ask if he/she would like to

use the mobile device’s camera to take a picture or select it from the

camera roll. Adding should upload the photos directly.

o The “confirm” button should close the modal.

o The "close" button should close the modal and delete the uploaded files.

o The filename list should allow the user to remove a selected file from the

list.

● The server should reply with a response that lets the web app know that the

associated condition has been satisfied (image upload confirmed). Satisfied

conditions should be visibly different than unsatisfied conditions and include a

button to view the uploaded image(s).

● Bonus points if you allow the user to edit images before upload (rotate, crop,

resize, view thumbnail, etc.)

Environment: must be compatible with IE9+ (Windows phone) / Chrome (Android Jelly

Bean+) / Safari (iOS 8+)

Technology: please see the AUTO APP section of https://orbee.co/ for inspiration on what we’re looking for.

What will I win?

In addition to our undying respect the top design will win a pair of Beats wireless

headphones!