HTML Wireframes & Userflows

HTML Wireframes & Userflows

App Name: Marvel Encyclopedia

Landing Page with sign up at the bottom
https://repl.it/@elliotkim916/Marvel-Encyclopedia-Landing-Page
- User enters valid username & password to create new account ---> Taken to User Home Page
- User enters invalid username &/or password when creating new account ---> Error Message Appears to supply valid username/password
- User logs in with existing username & password --> Taken to User Home Page

User Home Page
https://repl.it/@elliotkim916/Marvel-Encyclopedia-User-Home-Page
- User enters character name into input and clicks Search ---> Taken to Search Results page 
- User clicks on existing note from Your Notes ---> Note appears, can read, edit, or delete existing note
- User clicks on any comic from To Read Later section ---> Taken to new page with comic book picture and information
- User clicks on any comic from Issues You've Read section ---> Taken to new page with comic book picture and information
- User clicks Remove from any comic in To Read Later or Issues You've Read section ---> Comic is removed from corresponding section

Search Results Page
https://repl.it/@elliotkim916/Marvel-Encyclopedia-Search-Results-Page
- User enters character name into input and clicks Search ---> Taken to new Search Results page
- User enters Note Title and Text, then clicks Save ---> Note is saved and able to be viewed in User Home Page
- User clicks on any comic from Comics List ---> Taken to a new page where user can view and purchase digital copy
- User clicks on Already Read or Bookmark ---> Specific comic is saved either onto the Issues You've Read section or 
  Read For Later section in the User Home page
- User clicks on any of the links from Additional Links ---> Taken to a new page with more information on the character that was searched

Screen Inventory

* Landing Page - explains what the app is and how to use it

* Account Sign Up Page

* Nav Bar

* User Home Page after signing in, can search for characters by entering name in input, can see saved notes, previous search history, 
  comic issues that have been read, comic issues users may want to check out in the future
  
* Search Results Page with information on character that was searched for

* Note taking Nav Bar