Skip to content

Instantly share code, notes, and snippets.

@zocom-christoffer-wallenberg
Last active October 8, 2020 12:40
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zocom-christoffer-wallenberg/fda3fdac94b378e3cce8eacb74cac8b1 to your computer and use it in GitHub Desktop.
Save zocom-christoffer-wallenberg/fda3fdac94b378e3cce8eacb74cac8b1 to your computer and use it in GitHub Desktop.

Inlämningsuppgift Instablam

Vad

Du ska göra en PWA där användaren kan använda sig av sin kamera för att ta ett kort och sedan ändra detta kort med lite olika inställningar. Det ska finnas minst 5 olika inställningar att använda sig av.

Hur

Ingen vue-pwa!

För att få Godkänt ska du:

  • Installerbar (alltså med ett manifest.json)
  • Service workers som ger en liknande offlineupplevelse med en fallback offline.html
  • Responsiv
  • Använder sig av CamanJS
  • Använder MediaDevices med kameran
  • Det finns minst 5 olika inställningar

För att Väl Godkänt ska du:

  • Allt i godkänt
  • Kunna ta emot push notiser och det ska finnas en knapp för att slå på och av detta
  • Kan ladda ner sin bild (ej i offlineläge)

Resurser

Flat icons: https://www.flaticon.com/

Dokumentation

Installerbar: https://web.dev/install-criteria/

CamanJS: http://camanjs.com/

MediaDevices: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

Service Workers: https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers

Inlämning sker via Github och Learnpoint. Ladda upp ditt projekt på Github. Gå sedan in på Learnpoint och under innehåll finns det en inlämningsuppgift där du ska posta din länk till ditt repo.

Inlämning senast: 29/5 23:59

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment