wireframes and component hierarchy - achynaliev/AppStarter GitHub Wiki

HOME PAGE

image

/root

  • NavBar
    • explore link
    • start project
    • user/authentication
    • search
  • application stats
    • list items
  • categories
    • list items
  • main projects
    • list of projects
  • recommended projects
    • list of projects
  • recommended readings
    • list of articles
  • footer

PROJECT PAGE

image

/#projects/:id project page

  • NavBar
    • explore link
    • start project
    • user/authentication
    • search
  • Project Description
    • creator information
    • short project description
  • Project presentations
    • video
    • project stats
    • backing
  • project information/rewards
    • image
    • about
    • rewards
      • list of rewards
  • footer

PROJECT EXPLORATION PAGE

image

/#explore project exploration page

  • NavBar
    • explore link
    • start project
    • user/authentication
    • search
  • Filter container
    • category dropbox
    • number of projects
  • results
    • list of results
      • image
      • project information
  • load more button
  • footer

PROJECT CREATION PAGE

image

/#project/new project creation

  • NavBar
    • explore link
    • start project
    • user/authentication
    • search
  • Title
  • Form
    • Form inputs
    • submit
  • footer

SEARCH

image

/root

  • search input field(hidden)
    • project
      • list of project results
    • creators
      • list of creator results

SIGN UP PAGE

image

/#signin

  • NavBar
    • explore link
    • start project
    • user/authentication
    • search
  • login form
    • username input
    • password input
    • login button
    • demo login
    • sing up link
  • footer

LOGIN PAGE

image

/#signup

  • NavBar
    • explore link
    • start project
    • user/authentication
    • search
  • sign up form
    • login link
    • username input
    • email input
    • password input
    • login button
    • demo login
  • footer

BONUS

USER PROFILE PAGE

image

/#users/:id user profile page

  • NavBar
    • explore link
    • start project
    • user/authentication
    • search
  • link to edit user
  • user image
  • ul
    • backed projects
    • created projects
    • about
  • list of projects
    • image
    • project information
  • footer