{"id":20833044,"url":"https://github.com/lakshayd02/multipage-surveyform","last_synced_at":"2025-09-11T02:09:24.005Z","repository":{"id":190123033,"uuid":"681994409","full_name":"LakshayD02/Multipage-SurveyForm","owner":"LakshayD02","description":"A Multi-Step Survey form designed using HTML, CSS and JavaScript. The design pattern promotes a more user-friendly way to capture user data.","archived":false,"fork":false,"pushed_at":"2025-01-31T11:02:29.000Z","size":5,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-15T16:26:37.336Z","etag":null,"topics":["cascading-style-sheets","cdn","css","css3","fonts-awesome","html","html-css-javascript","html5","javascript","live-server"],"latest_commit_sha":null,"homepage":"https://surveyform-lakshay.netlify.app/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LakshayD02.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-23T07:56:02.000Z","updated_at":"2025-01-31T11:02:32.000Z","dependencies_parsed_at":"2025-03-12T08:43:19.330Z","dependency_job_id":"04f4b26f-179d-4e6f-a8a0-156d2d368f03","html_url":"https://github.com/LakshayD02/Multipage-SurveyForm","commit_stats":null,"previous_names":["lakshayd02/multipage-surveyform"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/LakshayD02/Multipage-SurveyForm","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LakshayD02%2FMultipage-SurveyForm","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LakshayD02%2FMultipage-SurveyForm/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LakshayD02%2FMultipage-SurveyForm/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LakshayD02%2FMultipage-SurveyForm/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LakshayD02","download_url":"https://codeload.github.com/LakshayD02/Multipage-SurveyForm/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LakshayD02%2FMultipage-SurveyForm/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274564248,"owners_count":25308555,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-11T02:00:13.660Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cascading-style-sheets","cdn","css","css3","fonts-awesome","html","html-css-javascript","html5","javascript","live-server"],"created_at":"2024-11-18T00:14:03.514Z","updated_at":"2025-09-11T02:09:23.987Z","avatar_url":"https://github.com/LakshayD02.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Multipage-SurveyForm\n\n\n**Description:**\n\nThis project demonstrates how to create an interactive, multi-step survey form that guides users through the data collection process smoothly.  Instead of overwhelming users with a long form, it presents questions in digestible steps, making the survey less daunting and more engaging.  The use of animations adds a touch of interactivity, while a submission prompt provides clear feedback upon completion.\n\n**Features:**\n\n* **Multi-Step Interface:**  Presents the survey questions in a step-by-step format, enhancing user experience and reducing cognitive load.  ➡️\n\n* **JavaScript Functionality:**  Drives the form's dynamic behavior and interactivity:\n    * **Step Navigation:**  Controls the progression between survey steps, showing and hiding relevant question sets.  ↕️\n    * **Progress Indicator:**  Visually displays the user's progress through the survey.  📊\n    * **Smooth Animations:**  Engaging animations enhance the user experience during step transitions and form submission.  🎬\n    * **Data Storage (Simulated):**  JavaScript stores the collected data (though in a real application, this would be sent to a server).  💾\n    * **Submission Prompt:**  Displays a confirmation message or prompt upon successful form submission.  ✔️\n\n\n**Design Pattern:**\n\n* **Progressive Disclosure:**  Reduces cognitive overload by revealing information or questions in manageable steps.\n\n**Enhancements:**\n\n* **Animations:**  Smooth transitions and interactive elements make the survey more engaging.\n* **Post-Submission Prompt:**  Provides clear feedback to the user upon completing the survey.\n\n**Ideal For:**\n\n* Creating user-friendly surveys and questionnaires.  ✍️\n* Improving data collection processes.  📊\n* Enhancing user engagement with interactive forms.  🙌\n\n**To Run:**\n\n1. Clone the repository.  ⬇️\n2. Open the `index.html` file in your web browser.  🌐\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flakshayd02%2Fmultipage-surveyform","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flakshayd02%2Fmultipage-surveyform","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flakshayd02%2Fmultipage-surveyform/lists"}