# 🎨 Frontend: Startsida för spel filtrerade på genrer

[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.