Deployment

• https://main--linda-a-to-do-list.netlify.app/

Need http://localhost:5000/ from https://github.com/linda-94-andersson/Webbserver-KS1 to work

Skills used for this project

• HTML
• CSS
• JavaScript
• React
• NPX create-react-app
• Axios
• API
• Netlify

Requirements

Kunskapskontroll 1 - Ramverk

What

I Kunskapskontroll 1, ska ni bygga en Klassisk "to do" list med hjälp av React. Denna applikationen ska sedan deployas på antingen Github pages eller exempelvis Netlify.

How

• "To do" listan ska byggas med hjälp av React & create-react-app
• Den ska följa det komponent-tänk vi använt med React, där vi "bryter ut" kod i egna komponenter där det är logiskt att göra det
• Den ska på korrekt sätt använda props och hantera tillstånd/state där det behövs i applikationen
• Ni ska bygga en produktions-version av applikationen - create-react-app.dev: Creating a Production Build (Links to an external site.)
• Produktions-versionen av er applikation ska sedan deployas på ett av följande sätt: Github Pages (Links to an external site.) eller Netlify (Links to an external site.)
• Er källkod ska finnas tillgänglig i ett Github-repository och ni ska skicka in länken till detta vid inlämning (Skapar ni ett private-repository behöver ni lägga till cme-osuka som collaborator)

Det är inget krav på följande:

• Styling
• Funktioner utöver de som är angivna under Examination, exempelvis: Kunna tömma hela listan

Submission

Kunskapskontrollens deadline är 21 feb, 23:59. Det går även att se i Canvas.

Inlämningen ska ske genom en länk till en deployad version av er applikation, samt en länk till er källkod på Github.

Lämnar ni hellre in via en .zip istället för en länk till er källkod på Github går det också bra, tänk bara på att ta bort mappen node_modules innan ni packar ihop filerna.

Examination

Denna kunskapskontrollen kan du uppnå betygen Godkänt eller Icke Godkänt.

För betyget Godkänt behöver följande krav uppfyllas:

• En användare ska kunna lägga till en ny uppgift i "to do" listan

• En användare ska kunna ta bort en uppgift i "to do" listan

• En användare ska kunna markera en uppgift som färdig

• Det ska gå att se skillnad på en färdig och en ofärdig uppgift

• Den ska använda state för att hantera innehållet i "to do" listan

• Den ska använda minst en komponent utöver App.js

• Den ska finnas deployad/publicerad på antingen Github Pages eller Netlify