Mockup

[CadmiumRed40]

[floorrinse]

@CadmiumRed40 Can we also get a design for the index page? (the / page that has "Create your very own movie & tv show list!"). The index page should serve as a home page to show users what this app is. It can be simple with the same h1 but with the gray background color as the above images with Login and Signup buttons.

There can also be a paragraph blurb here to tell users what this app is. You don't need to work on the paragraph wording, maybe we can ticket that for later.

[floorrinse]

@CadmiumRed40 Looking at the Dashboard (while searching) mockup, I don't think we need the page to display movie poster img results as user is typing. That seems like a bit more work that could be considered an enhancement for later. We can have the page be static until user presses enter, or clicks "Find a Flick".

I think we should move the "Find a Flick" button to the side of the searchbar if we want the text results to populate as user is typing though.

What are your thoughts?

[CadmiumRed40]

@floorrinse I agree! Should the search bar be flush with the logo, profile icon/user name and be persistent on every page? I'll apply these changes by tomorrow and update the sheet. Live update will be changed to a feature enhancement.

[svmarinez]

WIP

[floorrinse]

WIP

Woo this looks so good!! Nice work Sara! 🥳

[floorrinse]

@floorrinse I agree! Should the search bar be flush with the logo, profile icon/user name and be persistent on every page? I'll apply these changes by tomorrow and update the sheet. Live update will be changed to a feature enhancement.

I don't think the search bar needs to be flush with the other elements, esp if it's a text input field but open to more discussion.

I'm looking at Netflix as a reference and the search bar doesn't show up as a text input field at first so we could do something similiar down the road 👍

[CadmiumRed40]

Updated the styling and removed the live search mockup. Will work on vectorizing and editing the logo as well. I know I might be missing some suggestions that were brought up previously but i cant find them.

Added: index page, create a list page and create a list icon in the lists page

[AllieGie]

@CadmiumRed40 to clarify, the signup form is meant to be one form? At first glance, I thought they were two separate forms. After looking at the buttons, realized it's meant to be one? I have them coded as two and can make the changes once you confirm. Thanks!

[CadmiumRed40]

@AllieGie yes it's one form.

[floorrinse]

@CadmiumRed40 would it make sense to just have them as two forms? I think we've already started coding it that way but I could be wrong (based on @svmarinez work). My initial thought was that the / page would have 2 buttons where one goes to /login (the first form on the top of the design) and another goes to /signup (the second form on the bottom of the design). I just wanna make sure we're all the same page (I'll post this comment up in Discord too).

Since we're really close to the deadline, I'm good with whatever works best and easiest!

[CadmiumRed40]

@floorrinse I imagined it as 2 sperate forms but honestly whatever is easiest.