Final assignment of the Native Javascript course at IT-Högskolan. I got VG(Väl godkänt), and I will continue this project for fun!

This app aims to make it easy to search for a hyrule compendium entry. You can search by either ID or name.
Even though I got graded already, I will continue the project as I have more functions in mind.
Among those functions I want the entries to be clickable and to show the complete info given from the API, as without it it's more like a photo album.
The complete info includes if it's dlc, location, drops... etc.


The assignment instructions(swedish):

Mål:
Uppgiften går ut på att använda JavaScript, HTML och CSS för att skapa en dynamisk RESPONSIV webbplats som hämtar och visar information från en webbtjänst via API-anrop.
För VG krävs ytterligare funktionalitet och datavisualisering.

Krav för G (Godkänt):

1. Webbtjänst och Data (G):

   - Välj en webbtjänst från en källa som listas, eller godkänd av din instruktör, för att hämta JSON-data.
   - Använd JavaScript (fetch, Axios eller liknande) för att hämta och visa minst tio värden från den valda webbtjänsten. Säkerställ att du kan hämta data från webbtjänsten (inga CORS-problem).
   - Data som hämtas ska vara meningsfull och användbar för din webbplats.


2. Webbplats Layout (G):

   - Skapa en webbplats med minst två olika HTML-sidor (Samma design och med ett tydligt tema)
   - Använd HTML och CSS för att skapa en layout för din webbplats. Du kan använda ett CSS-ramverk som Bootstrap eller Flexbox/Grid Layout om så önskas, men även egen CSS-kod ska ingå.
   - Lägg till navigationslänkar mellan dina webbsidor.


3. Dynamisk Uppdatering (G):

   - Använd JavaScript och händelselyssnare för att uppdatera din webbplats dynamiskt när data hämtas från webbtjänsten. Visa de hämtade värdena på din webbplats.


4. Övriga förväntningar (G):

Hela syftet med en Laboration och ett slutprojekt är för att bekräfta att vi behärskar alla de moment vi gått igenom och att lösa ett sammansatt problem med detta.
Några saker som jag verkligen ni ska ta mer er från denna kursen och som jag förväntar mig att ni kan och lämnar in förutom ovanstånde punkterna 1,2,3 är följande:

- Funktioner och parametrar
- Sammanslagning av text med backticks
- Använda if sats eller liknande med conditon
- Loopa igenom innehåll med hjälp av for, while eller liknande (foreach eller liknande är helt ok)
- Arbeta med returvärden (arrow funktioner räknas)
- Arbeta med noder, skapa eller manipulera
- Arbeta med storage av något slag
- Arbeta med events av något slag


5. Redovisning (G):

   - Du måste redovisa ditt projekt genom en webbläsardemonstration. Presentationen ska vara 5-10 minuter lång och inkludera:
     - Demonstration av webbplatsen via webbläsaren.


6. Inlämning (G):

    Ni lämnar in länk till ert Github repo



För att uppnå betyget VG (Väl Godkänt) måste du uppfylla följande ytterligare krav:

1. Avancerad Funktionalitet (VG):

   - Implementera funktionalitet för att visa (ngår redan i G), lägga till, och ta bort data från webbtjänsten (ej Cities-tjänsten). Detta ska utföras med hjälp av ett webbformulär som är kopplat till POST och DELETE-anrop via API.
   - Använd Web Storage för att lagra och återanvända minst ett värde mellan sidbelastningar, som inte är kopplat till Cities-tjänsten.


2. Datavisualisering (VG):

   - Använd ett datavisualiseringsbibliotek som Chart.js eller liknande för att visualisera data från webbtjänsten på din webbplats.


3. Enhetsformaterad Kod (VG):
   - Se till att din JavaScript-kod är enhetligt formaterad och följer kodningsstandarder.