sillen00 / netflix2-0 Goto Github PK

Skapa header, lägg in sökfältet, implementera en hamburgar meny samt kolla igenom så allt funkar som planerat.

Vi sätter upp context tillsamman i gruppen.

Lägg till så att props-syntaxen på alla komponenter/pages ser likadana ut.

Lägg typer i en egen fil.

Jag kommer sätta: "homepage": "https://sillen00.github.io/Netflix2.0/" i package.json

Installera "gh-pages" mm

• Skapa knappar för alla kategorier.
• När man klickar på en kategori ska movieList filtreras.

Detaljvy för en film

• Ska innehålla en bild och text till vald film
• Ska innehålla en knapp för bookmark

Skapa bookmark sidan och skapa funktionalitet för att kunna bokmärka en film.
Har man inga filmer i sin bokmärk lista så visas ett meddelande att listan är tom.

Add a README file to the projekt and write it.

• Ska innehålla en video och en titel

• Ska användas i desktop, tablet och mobile
• Ska kunna gå att öppna och stänga
• Ska kunna navigera med länkarna i menyn

Test

• Ska gå att öppna och stänga
• Ska synas i dokumentet

Sökfältet ska visa resultaten med position absolute under headern med MovieList.tsx komponenten och man ska kunna klicka på ett resultat för att ta sig till FilmView.tsx page sidan där man kan visa datan från den valda filmen.

Designen på filmview page görs i ett annat issue.

components:

• Ändra p till Mantines Text
• Ändra b till Text med styling font-weight bold
• Ändra div till Mantines Box
• Ändra a till Mantines Link
• Ta bort utkommenterad kod som inte ska användas
• Kommentera kod

pages:

• Ändra div till Box/Flex (det som blir bäst)

Övrigt: Ta bort SearchField & MovieList filer som inte används

Lägga till margins på sidorna och se till så att footern ligger i botten.

Göra test som jämför karusellernas innehåll och säkerställer att de inte innehåller samma filmer

• Ska innehålla en thumnail.
• Vid varje thumbnail ska årtal och åldergräns visas på filmen.
• Om thumbnailen ej är tillgänglig ska man använda en placeholder.
• Ska finnas en knapp för att bokmärka.

Sätta position absolut på bookmark
Lägga bakgrund på rating och lägga bredvid year
Uppdatera så att movieView har samma styling på med rating och year
Ändra antal som visas i karusellen

Lägg till felhantering på movieView sidan.

Lägg till footer med länkar till de olika sidorna samt logga och eventuellt våra github länkar.

Lägg till session storage som sparar bokmärkta filmer

Ändra så att alla test använder samma routing.
Ta bort interfaceprops på movieCard. (behövs inte)
Flytta search test till app.test.
Kommentera koden.

Testa så att workflow funkar innan vi kodar själva

Vi sätter upp ett workflow tillsammans innan vi sätter igång och jobbar på egen branch.

• Bildkarusell som ska innehålla movieCard komponenten.
• Ovanför karusellen ska det finnas en titel, exempelvis: "Trending"