Mitt upplägg

Jag har utfört uppgiften enligt följande:

Utförda steg

  • Klonat min Parcel boilerplate
  • Kopplat till ett nytt GitHub-repo
  • Installerat och konfigurerat Parcel för bygg- och utvecklingsmiljö
  • Rensat gammal Git-historik
  • Initierat en ny versionshantering
  • Kopplat projektet till Netlify för automatisk deployment
  • Hämtat JSON-data med fetch()
  • Hanterat fel med try/catch
  • Byggt och renderat en tabell med kursdata dynamiskt från JSON
  • Implementerat tre sorteringsordningar vid klick på kolumnrubriker (asc, desc och default)
  • Implementerat live-sökning, samt sökning vid Enter eller tryck på Sök-knappen samt påverkar sorteringen.
  • Implementerat en Rensa-knapp
  • Implementerat en status-rad för sökning och träffar
  • Implementerat aria-live uppdateringar för skärmläsare

UI/UX-förbättringar

  • Förbättrad tabelllayout med responsiv design
  • Highlight för den sorterade kolumnen med pilar
  • Tillgänglighetsanpassning med aria-live, :focus-effekter, aria-live="polite", debounce och fokus som ligger kvar medan Sökfältet är aktivterat
  • Anpassad placeholder-stil i sökrutan

Versionshantering

  • Regelbundna commits med tydliga meddelanden
  • Arbetat med feature-branch feature-api-call-1 och merge till main
  • Publicerat kod på GitHub och kopplat till Netlify