freeCodeCamp Paris meetups - Survey form
freeCodeCamp
"Responsive Web Design" certification
Project made for
The project
What this project does
Project original Users stories:
- I can see a title with
id="title"
in H1 sized text - I can see a short explanation with
id="description"
in P sized text - I can see a
form
withid="survey-form"
- Inside the form element, I am required to enter my name in a field with
id="name"
- Inside the form element, I am required to enter an email in a field with
id="email"
- If I enter an email that is not formatted correctly, I will see an HTML5 validation error
- Inside the form, I can enter a number in a field with
id="number"
- If I enter non-numbers in the number input, I will see an HTML5 validation error
- If I enter numbers outside the range of the number input, which are defined by the
min
andmax
attributes, I will see an HTML5 validation error - For the name, email, and number input fields inside the form I can see corresponding labels that describe the purpose of each field with the following ids:
id="name-label"
,id="email-label"
, andid="number-label"
- For the name, email, and number input fields, I can see placeholder text that gives me a description or instructions for each field
- Inside the form element, I can select an option from a dropdown that has a corresponding
id="dropdown"
- Inside the form element, I can select a field from one or more groups of radio buttons. Each group should be grouped using the
name
attribute - Inside the form element, I can select several fields from a series of checkboxes, each of which must have a
value
attribute - Inside the form element, I am presented with a
textarea
at the end for additional comments - Inside the form element, I am presented with a button with
id="submit"
to submit all my inputs
See project original description here
Additionnal Users stories:
- full responsive
- extended accessibility
How the project works
Built with:
- HTML
- CSS
- Flexbox
- Bootstrap
- jQuery
- JavaScript
- Google fonts for Lato
- Font Squirrel for SaxMono
- Font Awesome icons
Click here to see the project live
General informations, Disclaimers & Ackowledgements
Author
Open-source & contributions
This is not an open-source project - No contribution expected
Licence
No licence - Please contact me before re-using part of this code
Academic Honesty Disclaimer
It's what makes us all better developers π
If you're a freeCodeCamp student, please use this project as an inspiration and write your own code.GDPR Disclaimer
This project does not work for real. No personal data are collected from it.
Intellectual property and copyrights Disclaimer
freeCodeCamp.
Visual elements, logos and brand elements rights and copyrights belong toAcknowledgements & Resources
freeCodeCamp Design Style Guide