Skip to content

LazezBZH/MATCHING-TEST

Repository files navigation

MATCHING TEST

lighthouse

Application réalisée dans le cadre du concours #4 du Designer du Web Objectif: "Utilisation d'une API REST dans une création web."

Table des matières

Consignes (Discord)

Votre travail doit être ORIGINAL et UNIQUE, autant au niveau du DESIGN que du CODE. Aucune ressemblance avec quoique ce soit sur le web n'est tolérée, sous peine d'être exclu du concours. Partez d'une feuille blanche et tentez de tout créer de A à Z, on doit pouvoir sentir instantanément que tout vient de vous.

Votre création doit également être faite spécialement pour le concours, dans le temps imparti. Il est interdit d'utiliser une création qu'on aurait déjà faite, et de participer à un concours avec. Ce serait injuste envers ceux qui participent dans le temps imparti.

Réalisation

APIs utilisées

Technos

  • HTML
  • CSS
  • vanilla JS

Outils

  • Animations en:
    • CSS
    • JS
  • Thème géré par JS et CSS roots
  • LocalHost enregistre les préférences utilisateur
  • Fetch pour obtenir les données
  • et bien entendu visual studio for code pour coder, versionnig Git, stockage GitHub et déployement Netlify
  • Service worker

Pour le fun

  • c'est une PWA
  • zolies musiques changeant selon le thème et/ou les résultats

Video

gif

UP

Screenshots

screen1 screen2 screen3 screen4 screen5 screen6 screen7 screen8 screen9

UP

Bilan

  • APi trouvée par hasard alors qu'aucune ne me tentait pour ce concours (et puis on était juste quelques jours après la st Valentin).
  • Gros délire sur le design mais c'était obligé ce côté kitch avec une telle API.
  • Entrainement en vanilla js (après avoir fait beaucoup de React et un peu de Vue je reviens de plus en plus au vanilla).
  • Un peu de galère pour gérer les thèmes et surtout les changements de musiques mais c'est ok.
  • Seconde PWA que je fais, la première m'avait fait galérer plusieurs jours, celle-ci m'a juste demandé quelques minutes.

La voir en action

Moi

UP

Releases

No releases published

Packages

No packages published