I den här övningen ska du använda ett fake api: https://reqres.in
- Som har ett formulär med inputs: email och password och en “submit”-knapp
- När felaktig login info skickas så ska ett felmeddelande visas.
- När giltig inloggning görs ska en knapp, “Show users”, visas.
- När man klickar på “Show users” ska en lista med users (förnamnet) visas.
- Klickar man på en user ska info om hen hämtas och all (bild, fullt namn, email) info visas.
- Använd CSS Grid för att bygga en layout.
- HTML, CSS och JavaScript ska ligga i en egna separata filer.
- Använd dig av: querySelector, addEventListener, createElement, CSS Grid.
- Använd dig av Prettier för att autoformattera koden.
- Använd INTE 3e-partsbibliotek (typ jQuery, Bootstrap etc)
Lägg upp koden på github. Lägg till två länkar här när du är klar. Länka till:
- Din Github Pages sida
- Din kod på Github