build site for sequenced user generated content

Contents in attached mockup: page1 - discovery page2 - view a path page3 - create path page4 - my path page5 - create profile page1 - discovery 1. rectangles are arranged by popularity based on respective number of facebook shares. Infinite scroll vertically. All content in rectangles is user generated. Clicking on a rectangle brings user to page2 - view a path. 2. 10 grey links on left side filter paths. user categorizes which content belongs to which filter in category drop down menu on page 3a 3. click on +Add your paths button prompts user to sign in through facebook, and finish creating profile by entering their occupation and company (in page5). Then loads page3 - create path. 4. share site via facebook button 5. search bar queries searches through all titles (entered by user in page3a) and titles of this step (entered by users in page3b), shows results on same page ranked by popularity, infinite scroll page2 - view a path 1. click on right or left blocks (where orange arrow is, there will be two of these arrows one on left and one on right when appropriate) to scroll back and forth horizontally through path. As example, see navigation in [login to view URL] 2. comment system: trying to add comment prompts user to sign in and create account if not already logged in 3. share specific path being viewed via facebook button 4. user name, current role at company info, and path title displayed at left (entered by user in title on page3a) page3 - create path 1. page3a: user profile image and name pulled from facebook. User inputs title of the path they are creating, and selects from list of categories (these are same list of filters on left side of page1). User clicks next button to load page3b. Limit number of text character that users can input to fit space for path title in page2 2. page3b: user profile and path title, just input by user in page 3a, now lives on left side of page. User uploads title of this step, description, and image (optional) to create each step in path. Each step is saved and new page3b where user can add next step loads every time user clicks next button. User clicks review button when done to load page3c. Limit number of text character that users can input to fit space for "title of this step" and description areas on in page2. If user uploads image, then step will be presented as first block in page 3c. If user does not upload an image for a step, then it will be presented as second block in page3c. Do no stretch image uploaded, instead, fill whole image area if image is too small without distorting width and length ratio proportion. 3. page3c: User can scroll through what they just created to review path. Click publish button to save and publish to site. Click edit button to return to page3a, see all data for each step as saved. page4 - my path 1. show name and current role at company info on left (as entered on page5) 2. show all paths created by user, each path here leads to that path's page2 page when clicked page5 - create profile 1. screen seen by user signs in for the first time using facebook Others: 1. in top right of every page, click on contact link loads overlay form to submit email address and comment 2. in top right of every page, click on about link opens overlay with static text, to be provided 3. in top right of every page, click on my paths link opens page4 if user is signed in; prompts user to sign in/create profile if user is not signed in 4. All user generated content and profiles should be stored in a database that can be reused in future builds for the site