Kalenderverktyg i Javascript.

Uppgiftsbeskrivning

I den här uppgiften skall ni bygga ett verktyg där användaren kan skapa och schemalägga todos. Verktyget skall visa en lista med todos och en kalender för översikt. Utöver det tekniska som skall skapas så ämnar den här uppgiften att träna på att arbeta med git och GitHub i projektform.

Para ihop er i grupp om 3 - ni väljer själva vem ni jobbar med. Läs noga igenom hela uppgiftsbeskrivningen tillsammans och börja sedan med att planera och dela upp arbetet.

Projektet

När ni har läst hela uppgiftsbeskrivningen är det dags att strukturera ert arbete. Börja med att skapa ett repo på någons GitHub och bjud in de andra från gruppen. Lägg även upp alla ärenden (se lista nedan) som issues på GitHub och planera tillsammans vem som ska göra vad. För att få en bra och gemensam struktur kan det vara bra att göra skisser och/eller flödesdiagram över systemet så ni får en gemensam bild över vad som skall skapas. Allt förarbete ni gör med skisser eller annan diskussion bör läggas till i berörande ärende på GitHub. När det är dags att för er att börja bygga verktyget skall ni använda GitHub flow principen: 1 issue - 1 branch - 1 pull request.

Det är rekommenderat att ni gör det första ärendet tillsammans för att undvika merge konflikter. Innan ni påbörjar arbetet och tar egna ärende bör ni fundera på hur ni ska strukturera ert projekt och vilka filer som skall finnas. Exempelvis kan det vara bra att skapa en javascript fil för verktygets olika delar (todos.js, calendar.js och today.js). För att få till ett tydligare flöde i koden bör ni även skapa en huvudfil (main.js) där programmet börjar.

Verktyget

Det ni skall skapa är ett verktyg för att lägga till och ta bort todos. Dessa todos skall visas i en lista till vänster i det grafiska gränssnittet. Till höger skall det finnas en kalender som är länkad till de todos som har skapats. Men andra ord ska todos vara kopplade till en viss dag och visas i kalendern med en siffra som representerar hur många todos som ska göras den dagen. Ni får själva ta fram en egen grafisk profil för verktyget.

Skiss att utgå ifrån till er layout (vissa delar så som väder och bilder behöver ni inte göra)

Ärendelista

1. Skapa den övergripande layouten enligt skissen ovan. (G)
2. Det skall gå att använda verktyget på alla skärmstorlekar ner till 375px i bredd. (G)
3. Skapa och designa välkomstsegmentet (delen ovanför todo-listan) med tid, veckodag och datum presenteras. (G)
4. Användaren skall kunna lägga till en todo. (G)
5. Användaren skall kunna ta bort en todo. (G)
6. Skapa och designa kalendervyn med en månadsvy över aktuell månad. (G)
7. Kalendern ska visa hur många todos som är schemladaga för varje dag. (G)
8. Användaren skall kunna växla till andra månader i kalendervyn. (G)
9. Svenska helgdagar ska visas i kalendern. (G)

Krav för godkänt

1. Uppgiften lämnas in i tid!
2. Verktyget fungerar enligt beskrivning.
3. Ärenden för godkänt är gjorda.
4. Git och GitHub har används enligt beskrivning.

LYCKA TILL!