https://github.com/johndev19/survey-form
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.
https://github.com/johndev19/survey-form
codecamp css css3 html html5 javascript survey-form
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/johndev19/survey-form
- Owner: JohnDev19
- License: mit
- Created: 2024-07-16T08:20:24.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-16T08:30:04.000Z (almost 2 years ago)
- Last Synced: 2025-08-22T12:41:47.754Z (9 months ago)
- Topics: codecamp, css, css3, html, html5, javascript, survey-form
- Language: HTML
- Homepage: https://johndev19.github.io/Survey-Form/
- Size: 52.7 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](LICENSE)
## Acknowledgements
- FreeCodeCamp for providing the project guidelines and learning resources
- [Font Awesome](https://fontawesome.com/) for the icons used in the project