Dit is een recepten website speciaal voor Marijn. Marijn is spastisch en kan daarom alleen de tabs van zijn keyboard gebruiken ipv zijn muis. Ik heb de website zo ontworpen dat het makkelijk is om er door heen te tabben. Ook heb ik artikelen die we moesten lezen toegepast op de website
- Geen classes gebruiken
- Em gebruiken ipv pixels
- Geen JavaScript
- Werkend met tabs
- Moet alle componenten er in hebben verwerkt
- Plesurable design
- CSS grid gebruiken
- Concept bedenken + Design maken
- Rating, navigation, picture with subtitle en media item components gebruikt
- CSS grid toegepast
- Overzichtsscherm recepten
- Ampersands gebruikt
- 1ste recept aanklikbaar + rating toegevoegd met dialog
- Design verder uitwerken
- Meer content toevoegen
- Inlog maken
- chat functie toevoegen
- Focus styles toegevoegd
- Design iets aangepast
- Form validation toegevoegd + login gestijld
- github page aangemaakt
- chat functie gemaakt
- Extending the clickable area toegevoegd (rating, helaas werkt tabben met rating nog niet helemaal lekker)
- custom checkbox gemaakt (login)
- Transitions op :hovers en :focus gemaakt (login)
- Step indictor toevoegen
- Responsive maken
- Accessibilty verbeteren
- Meer pleasurable maken
- rating focus verbeteren en dat het werkend is op tab
- chat laten openen en sluiten
- Step indictor toegevoegd
- Responsive gemaakt
- Accessibilty verbeterd
- Meer pleasurable gemaakt
- Recepten pagina aangepast
- Rating aangepast
- Chat werkend
Rating example makes use of Emoji from: Emojione
Website makes use of icons from: Flaticon