freeCodeCamp Paris meetups - Survey form

Project made for freeCodeCamp
"Responsive Web Design" certification

---

The project

What this project does

Project original Users stories:

1. I can see a title with id="title" in H1 sized text
2. I can see a short explanation with id="description" in P sized text
3. I can see a form with id="survey-form"
4. Inside the form element, I am required to enter my name in a field with id="name"
5. Inside the form element, I am required to enter an email in a field with id="email"
6. If I enter an email that is not formatted correctly, I will see an HTML5 validation error
7. Inside the form, I can enter a number in a field with id="number"
8. If I enter non-numbers in the number input, I will see an HTML5 validation error
9. If I enter numbers outside the range of the number input, which are defined by the min and max attributes, I will see an HTML5 validation error
10. 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", and id="number-label"
11. For the name, email, and number input fields, I can see placeholder text that gives me a description or instructions for each field
12. Inside the form element, I can select an option from a dropdown that has a corresponding id="dropdown"
13. 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
14. Inside the form element, I can select several fields from a series of checkboxes, each of which must have a value attribute
15. Inside the form element, I am presented with a textarea at the end for additional comments
16. 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

Codingk8

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

If you're a freeCodeCamp student, please use this project as an inspiration and write your own code.
It's what makes us all better developers 😉

GDPR Disclaimer

This project does not work for real. No personal data are collected from it.

Intellectual property and copyrights Disclaimer

Visual elements, logos and brand elements rights and copyrights belong to freeCodeCamp.

Acknowledgements & Resources

freeCodeCamp Design Style Guide

---

Latest update: 20190311

---