{"id":20252129,"url":"https://github.com/porobertdev/form-validation","last_synced_at":"2026-05-05T01:36:01.892Z","repository":{"id":231247910,"uuid":"778951877","full_name":"porobertdev/form-validation","owner":"porobertdev","description":"Form Validation using JavaScript's Constraint Validation API","archived":false,"fork":false,"pushed_at":"2024-04-09T13:47:56.000Z","size":29157,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-14T03:09:24.527Z","etag":null,"topics":["100daysofcode","constraint-validation-api","css","form","form-validation","forms","html","js","sign-up","sign-up-form","signup","signup-form","theodinproject"],"latest_commit_sha":null,"homepage":"https://porobertdev.github.io/form-validation/","language":"JavaScript","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/porobertdev.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}},"created_at":"2024-03-28T18:26:12.000Z","updated_at":"2024-04-09T13:50:42.000Z","dependencies_parsed_at":"2024-04-08T16:41:41.958Z","dependency_job_id":null,"html_url":"https://github.com/porobertdev/form-validation","commit_stats":null,"previous_names":["porobertdev/form-validation"],"tags_count":0,"template":false,"template_full_name":"porobertdev/webpack-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porobertdev%2Fform-validation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porobertdev%2Fform-validation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porobertdev%2Fform-validation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porobertdev%2Fform-validation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/porobertdev","download_url":"https://codeload.github.com/porobertdev/form-validation/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241703054,"owners_count":20006093,"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","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":["100daysofcode","constraint-validation-api","css","form","form-validation","forms","html","js","sign-up","sign-up-form","signup","signup-form","theodinproject"],"created_at":"2024-11-14T10:14:41.465Z","updated_at":"2026-05-05T01:35:56.846Z","avatar_url":"https://github.com/porobertdev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# form-validation - [Live Preview](https://porobertdev.github.io/form-validation/)\n\n## About\n\nThis is a modern and clean Sign-Up form that validates user's input using the JavaScript's **Constraint Validation API** and is the part of the [assigment](https://www.theodinproject.com/lessons/node-path-javascript-form-validation-with-javascript) from The Odin Project.\n\nIt features **live inline-validation** and a **custom dropdown component.**\n\nThe design was made in Figma, and you can find the mockup [here](https://www.figma.com/file/KL8kf0JLLnfJ5xGcvw5wRq/Sign-Up-Form?type=design\u0026node-id=0%3A1\u0026mode=design\u0026t=HFU1PuU4Gi3biMaq-1https:/).\n\n## Getting Started\n\nIf you are developer:\n\n1. Clone the repository.\n2. Run `npm install` to install all the packages and dependencies that the project requires.\n3. Run `npm start` to start a local server, which opens the webpage.\n\n_NOTE_: `my-components` is a private repository as of writing this, thus, the `npm install` should fail.\n\nIf you are a regular user:\n\n1. Clone the repository.\n2. Open `index.html` from the `/dist` directory.\n\n## Tech Stack\n\n-   HTML\n-   CSS\n-   JavaScript\n-   Figma\n-   Webpack\n-   NPM\n-   ESLint\n-   Prettier\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fporobertdev%2Fform-validation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fporobertdev%2Fform-validation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fporobertdev%2Fform-validation/lists"}