Skip to content

# 🎹 Frontend: Startsida för spel filtrerade pĂ„ genrer #16

Closed
@jhelgodt

Description

@jhelgodt

🎹 Frontend: Startsida för spel filtrerade pĂ„ genrer

📝 Beskrivning

Vi behöver skapa en enkel och anvÀndarvÀnlig startsida som visar alla genrer. AnvÀndaren ska kunna klicka pÄ en genre för att visa en lista med spel som tillhör den genren. All datalogik hanteras av controllers som back-end-gruppen ansvarar för, och front-end-gruppen ska fokusera pÄ att bygga och styla vyerna med Blade-templates.

🔍 Vad vi ska göra

  • Skapa en startsida (genres/index.blade.php) dĂ€r alla genrer visas som lĂ€nkar.
  • Skapa en sida (genres/show.blade.php) som visar en lista med spel för en vald genre.
  • AnvĂ€nd datan som skickas frĂ„n GenreController (t.ex., $genres, $genre->games) för att fylla vyerna.

✅ Uppgifter

  1. Skapa en startsida för genrer:

    • Fil: resources/views/genres/index.blade.php.
    • Visa alla genrer som en lista med lĂ€nkar.
    • Varje lĂ€nk ska leda till sidan för den valda genren (/genres/{id}/games).
  2. Skapa en sida för spel i en genre:

    • Fil: resources/views/genres/show.blade.php.
    • Visa alla spel i genren med titel och beskrivning.
    • LĂ€gg till en lĂ€nk för att navigera tillbaka till startsidan.
  3. Styling och layout:

    • AnvĂ€nd Tailwind CSS för att skapa en enkel och responsiv design.
    • Gör det tydligt och lĂ€ttnavigerat för anvĂ€ndaren.
  4. Testa och verifiera:

    • Kontrollera att genrer visas korrekt pĂ„ startsidan.
    • Testa att rĂ€tt spel visas nĂ€r en genre vĂ€ljs.
    • Kontrollera att designen fungerar bĂ„de pĂ„ desktop och mobil.
  5. Dokumentera:

    • LĂ€gg till en kort förklaring i README.md om hur filtreringssidan fungerar.

⏳ Deadline

Tisdag 2025-01-28 kl. 11:15 (till mötet).

đŸ§Ș Tester och verifiering

  • Alla genrer ska visas som lĂ€nkar pĂ„ startsidan.
  • NĂ€r en lĂ€nk klickas, ska rĂ€tt lista med spel visas.
  • Designen ska vara tydlig och fungera pĂ„ bĂ„de mobil och desktop.

📂 Relaterade filer

  • resources/views/genres/index.blade.php – Lista alla genrer.
  • resources/views/genres/show.blade.php – Visa spel för en genre.
  • resources/css/app.css – Styling för sidorna.

🎯 MĂ„l

Att skapa en enkel, funktionell startsida dÀr anvÀndaren kan klicka pÄ en genre och se spelen som tillhör den.

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions