Cat-Owner-Questionnaire 🐱
JavaScript Form created on 2nd week of studying at ITGirlSchool (study subject: "HTML5 form tags") and upgraded on week 18 ("Form validation"), week 19 ("OOP") and week 21 ("GET and POST requests")
A basic form with text fields, select, checkbox, radio buttons, etc. was built to train HTML5 form tags at the very beginning of code learning.
It was improved by adding HTML5 form-validation and autoformatting of inputs with text, phone and e-mail on week 18. I also made layout responsive and added possibility to load and preview pet photo.
Week 19 upgrade consisted in creating a Cat class with properties that correspond the questionnaire data, as well as creating the objects of this class and storing result in Local storage.
21st week upgrade were: POST-request realised with FormData and JS form-validation prior to form-sending.
Demo
Tech stack
✓ HTML5
✓ CSS3
✓ JavaScript
✓ Form validation
✓ GET&POST requests
✓ FormData()
Result
* Weeks 2, 18, 19 & 21 Training Project in ITGirlSchool