Skip to content

Survey Form | HTML, CSS, Tailwind | FreeCodeCamp | Enhancements: Tailwind modernized design | Function: Collects input

Notifications You must be signed in to change notification settings

FidelValenzuela/Survey-Form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 

Repository files navigation

Survey Form

This project is a responsive, modern survey form created as part of the Responsive Web Design certification. Its purpose is to gather user feedback on their experiences with our Academy. Designed with a clean interface, it ensures accessibility and usability across devices.

Table of Contents

Project Overview

The Survey Form allows users to share feedback on their experiences, preferences, and suggestions for improvement at our Academy. The form includes various input types—text, email, dropdowns, checkboxes, and radio buttons—providing an interactive and user-friendly experience.

Features

  • Responsive Design: Adapts seamlessly to all screen sizes, enhancing the user experience on both desktop and mobile devices.
  • Modern UI: Clean and intuitive interface with an elegant font, colors, and background.
  • User-Friendly Input: Features like placeholders, labels, and form structure help guide the user through the survey.
  • Accessible: Labels, required fields, and keyboard-navigable controls ensure accessibility compliance.

Technologies Used

  • HTML: Structures and organizes form elements.
  • CSS: Styles the form for a modern, visually appealing interface.

Live Demo

Access the live demo here: Survey Form on GitHub Pages

Getting Started

To view or modify this project locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/fidelvalenzuela/Survey-Form.git
  2. Navigate to the project directory:
    cd Survey-Form
  3. Open index.html in your preferred browser to view the form.

Usage

The form includes the following sections:

  1. Personal Information: Users can provide their name, email, and optionally, their age.
  2. Role Selection: Dropdown menu to choose their current role.
  3. Recommendation: Radio buttons to indicate if they’d recommend our Academy to a friend.
  4. Favorite Feature: Dropdown to select their favorite app feature.
  5. Improvements: Checkboxes to choose areas for potential improvement.
  6. Comments: Text area for additional feedback or suggestions.
  7. Submit Button: Allows users to send their responses.

Contributing

Contributions to improve this project are welcome! To contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your updates and commit changes.
  4. Push to the branch (git push origin feature-branch).
  5. Open a pull request with a description of your changes.

License

This project is open-source and licensed under the MIT License.

About

Survey Form | HTML, CSS, Tailwind | FreeCodeCamp | Enhancements: Tailwind modernized design | Function: Collects input

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published