update readme

README.md

@@ -1,7 +1,42 @@
 # Kerstoefening:
 
-Bootstrap is so 90s, daarom maken wij ons eigen framework
+Bootstrap is so 90s, daarom maken wij ons eigen framework.
+Deze opdracht bestaat telkens uit twee delen:
+- Het framework zelf (`bootsyntrap.js` en `bootsyntrap.css`).
+- De documentatie op de `index.html` pagina.
+Enkel de laatste versie van chrome/firefox moet ondersteund worden.
 
-## FASE 1:
+## Voorbereiding:
+- Clone het repository `git clone https://git.fullstacksyntra.be/koeeckho/bootsyntrap.git`
+- Maak je eigen branch aan `voornaam_achternaam`.
+- Iedereen werkt in zijn/haar eigen branch.
+- Commit en push regelmatig met duidelijke commit messages.
+
+## FASE 1 - Formulieren:
 
 ### 1.1 CSS:
+- Een formulier kan twee verschillende layouts hebben:
+  - De labels staan boven het inputveld.
+  - De labels staan naast het inputveld.
+- Zorg ervoor de inputvelden gestijld worden (ook `checkboxes`, `radio-buttons`, `select` en `textarea`).
+- Let op spacing en uitlijning.
+- Vergeet ook de submit knop niet.
+- Zorg ervoor dat alles responsive is.
+
+### 1.2 JavaScript:
+- Schrijf een script dat instaat voor formvalidatie:
+  - Het script is deel van je framework.
+  - Maak je script zo gebruiksvriendelijk mogelijk.
+  - Ondersteun de volgende validaties 'out of the box':
+    - required
+    - email
+    - min/max length (voor text)
+    - min/max date (voor date)
+    - min/max number (voor number)
+  - Zorg ervoor dat er makkelijk validaties kunnen worden toegevoegd.
+  - Maak de submit knop `disabled` zolang het script niet gevalideerd is.
+
+### 1.3 Documentatie:
+- Als ik `index.html` opendoe zou ik heel snel met je framework aan de slag moeten kunnen.
+- Gebruik voorbeelden en overloop alle opties.
+- Geef ook je documentatie een duidelijke layout die uiteraard responsive is.