A responsive and accessible survey form, completed as part of my frontend development training. Built purely with Semantic HTML and Modern CSS to practice fundamental concepts like layout, form design, and basic accessibility standards.
👉 Click here to view the Survey Form live
This project uses foundational web technologies to ensure a solid grasp of core concepts.
| Technology | Badge |
|---|---|
| HTML5 |  |
| CSS3 |  |
- Fully Responsive: Optimized for mobile, tablet, and desktop viewports using CSS media queries and a flexible layout.
- Clean & Semantic Code: Utilizes semantic HTML tags (
<form>,<fieldset>,<label>) for improved structure, maintainability, and accessibility. - Basic HTML5 Validation: Ensures required fields are completed and user inputs match expected formats (e.g., email type) before submission.
If you'd like to run or modify this project locally, follow these simple steps:
- Clone the Repository:
git clone [https://github.com/tech-saad/survey-form.git](https://github.com/tech-saad/survey-form.git)
- Navigate to the Directory:
cd survey-form - Open in Browser:
Simply double-click the
index.htmlfile to view the project in your default web browser.
This project provides a strong foundation, and I plan to build upon it in future learning iterations:
- Add JavaScript: Incorporate JavaScript for dynamic, real-time form validation and error handling.
- Backend Integration: In a later project, store form responses using a simple backend (e.g., Node.js and Express).
- Aesthetic Polish: Refine the CSS with a focus on modern typography and subtle animations.
This project is part of my journey as an Aspiring Full-Stack Developer.