Create multi step sign up process

[rickr]

Feature

Why is this feature being added?

The only way we have to reach our entire 3k+ member base about new opportunities is by sending an email to all members. This isn't made entirely clear when you sign up and each opportunity/scholarship may not apply to every members. Blasting an entire member base also places a cost on the information we want to share.

In order to reach members more effectively we need to collect more information, and the best way to do that is via a multi step, typeform style wizard that guides new members through filling out their profile.

What should your feature do?

For this ticket we should add a new component that will guide our new members through setting up their profile.

When a user clicks the Join button they should be presented with a form that collects a few initial fields, email, first name, last name, zip code, and password.

When that form is submitted we should then present the user with a way to classify who they are. It should allow for multiple selections. Some initial ideas are Veteran, Spouse, Mentor, Volunteer.

The next step should take the classifications and tailor the information we gather from the user.

Profile fields can be found here: https://docs.google.com/document/d/1NET6RmBiCgc2IUJvjYRzdykjcwAMG-859ShsOhMmVqU/edit# We can update this document to help support this feature if needed.

This is a huge ticket so as we identify components please feel free to file more issues to break down the size of the change.

Here's a rough outline of what the flow should look like:

[Cooperbuilt]

Here is a rough wireframe of a proposed flow

[sethbergman]

Are we just going to use express or some other tool for the POST requests to the backend? I'm unsure of where @Cooperbuilt left off, and what still needs to be done. Please elaborate on what's still needed here.

[sethbergman]

I've done some testing and recorded a couple videos: Volunteer flow: http://bit.ly/opcvolunteer Military flow: http://bit.ly/opcmilitary I used an extension that doesn't capture the dropdowns, so keep this in mind while viewing the videos. I also changed the "Join" button to direct to the new signup flow.