Site Roadmap

Minimum Viable Product

Single fully fleshed out puzzle

• header navigation (throughout) (incl app name)
  • link to homepage, puzzle page, about us page
  • if user navigates to puzzle page without filling in user info they get the default profile
• home page
  • user input (create the user to initialize data)
  • name
  • avatar
  • if no entries, set to a default user profile (that will not track "all time" results if/when that is implemented)
  • button to submit user info and start game
• puzzle page
  • instructions! functionality and goal
  • puzzle itself
  • number slider as base puzzle
    • square container
    • 3x3 grid
    • 8 moving numbered tiles
    • randomly generate position of tiles
    • user clicks on tile to move it to the open position
  • track user state (number of moves, did they "win"/solve it)
  • button to end the game state/summarize "final" user state and generate results summary
  • results display with number of moves and final game state
• about us page
  • Images of each Dev
  • Blurb about each dev
  • Social links for each dev (github, linkedin, twitter, etc.)

Site-wide

• Nav Bar
  • Home, App, About Devs
• Alert if leaving puzzle before completion to confirm
• If no user profile, redirect from apps to home for user creation

Home page

• Structure: Header, aside (puzzle list), content, footer
• Name of app
• Brief description
• User input
• Form
  • Name, avatar (whatever info we want, as long as it initializes the user)
• Navigation (sidebar?)
  • STRETCH: Once first puzzle/MVP is completed, add side-bar/drop-down for selecting puzzle

Puzzle page

• Structure: Header, aside (puzzle list), content, footer
• Single app page that generates the puzzle content based on user selection
  • Needs a container to put puzzle into
    • Title
    • Rules
    • Puzzle itself
  • Separate space to track puzzle state (moves etc) - Results
  • Separate space to interact with puzzle in a meta sort of way (like hints, solve, etc)

Stretch Goals:

• Track all time results if user is "logged in"
• Multiple puzzle types available (list of options/notions)
  • Sudoku
  • Nonogram
  • Bigger number slider (15 number)
  • Word search
  • Crossword puzzle
• Collapsible nav bar with puzzle selector
• Options for puzzle hints or puzzle auto-solve
• Use of animation to style puzzle
• Use of chart.js for all time results display