Mock out UI for application

[iwilson001]

Create diagrams/rough sketch for all the pages prior to their implementation Routes

• Anime
• Movies
• Shows
• User
  • User options…
• Global search bar
• About
• Help
• Home - / Layout
• Navbar
• Footer

Gain approval for each diagram from everyone prior to closing out

[iwilson001]

Mockup for homescreen

[iwilson001]

This is what the routes /Anime, /Shows, and /Movies can look like. The first row will be most popular (or rather, most anticipated) while the following will breakdown by genre

[iwilson001]

For the user part, the icon shown in the top right will appear when logged in and when logged out, either a login link will be visible instead. Clicking on the user icon should display a dropdown of options (sign out, preferences, potentially more down the road).

[iwilson001]

For About/Help, they will display whatever text is deemed necessary for each page, not really a need to mock out the UI for that IMO

[iwilson001]

For the footer, we will have to decide what to display in it and what color palette we'd like to use for it, but otherwise I am thinking something like this:

This can provide links to outside of the site, licensing, or any other functionality not directly related to show rankings, but still necessary for complete site navigation