Survey Form

Description

This is a survey form created as part of the FreeCodeCamp Responsive Web Design certification. It fulfills all the user stories required by the project specifications.

Features

• Form validation for required fields and email format
• Custom styling with a nature-inspired color scheme
• Progress bar to show form completion status
• Star rating system for eco-friendliness
• Tooltips for additional information
• Modal popup for form submission confirmation

Technologies Used

• HTML5
• CSS3
• JavaScript

User Stories Fulfilled

1. Page title in an h1 element with id title
2. Short explanation in a p element with id description
3. form element with id survey-form
4. Required name input field with id name
5. Required email input field with id email
6. HTML5 validation for email format
7. Number input field with id number
8. HTML5 validation for number input
9. Min and max attributes for number input
10. Corresponding label elements for name, email, and number inputs
11. Placeholder text for name, email, and number inputs
12. Select dropdown with id dropdown
13. Radio button group
14. Checkbox group with value attributes
15. Textarea for additional comments
16. Submit button with id submit

Installation

1. Clone the repository: git clone https://github.com/JohnDev19/survey-form.git
2. Navigate to the project directory: cd survey-form
3. Open index.html in your web browser

Usage

Fill out the survey form to provide feedback on eco-friendly products and initiatives. All required fields must be completed before submission.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

Acknowledgements

• FreeCodeCamp for providing the project guidelines and learning resources
• Font Awesome for the icons used in the project