{"id":20490638,"url":"https://github.com/mehmet-github06/react-form-input","last_synced_at":"2026-05-07T13:41:19.636Z","repository":{"id":211428026,"uuid":"728703077","full_name":"Mehmet-github06/react-form-input","owner":"Mehmet-github06","description":"This project contains a simple web application for validating user input data in a registration form. The application performs basic form validation processes and notifies the user of any errors.","archived":false,"fork":false,"pushed_at":"2023-12-11T14:06:07.000Z","size":1805,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-05T17:28:04.418Z","etag":null,"topics":["animation","events","html-css-javascript","props-and-state-components","react","react-bootstrap","usestate-hook"],"latest_commit_sha":null,"homepage":"https://forn-validasyon-app.netlify.app/","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/Mehmet-github06.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}},"created_at":"2023-12-07T14:07:53.000Z","updated_at":"2023-12-08T12:53:44.000Z","dependencies_parsed_at":"2023-12-11T15:29:51.789Z","dependency_job_id":"4caf7680-2f12-48b5-9fa9-349c05f7b6f6","html_url":"https://github.com/Mehmet-github06/react-form-input","commit_stats":null,"previous_names":["mehmet-github06/react-form-input"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Mehmet-github06/react-form-input","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2Freact-form-input","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2Freact-form-input/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2Freact-form-input/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2Freact-form-input/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mehmet-github06","download_url":"https://codeload.github.com/Mehmet-github06/react-form-input/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2Freact-form-input/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264719237,"owners_count":23653541,"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":["animation","events","html-css-javascript","props-and-state-components","react","react-bootstrap","usestate-hook"],"created_at":"2024-11-15T17:17:48.638Z","updated_at":"2026-05-07T13:41:14.603Z","avatar_url":"https://github.com/Mehmet-github06.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Form Validation Project\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./public/Animation.gif\" /\u003e\n\u003c/div\u003e\n\n\nThis project contains a simple web application for validating user input data in a registration form. The application performs basic form validation processes and notifies the user of any errors.\n\n## Project Link\n\nYou can find the live version of the project [here](https://forn-validasyon-app.netlify.app/).\n\n## Conditions\n\n-All fields must be filled.\n\n-Password must be at least 8 characters.\n\n-Email must be valid, containing '@'.\n\n-Image must be a valid URL.\n\n-Username, Firstname, and Lastname must be at least 3 characters long, excluding spaces.\n\n-If the user tries to click the button without passing validation, the button is disabled. If validation fails, the button constantly moves when hovered over. It stops moving when the cursor is moved away.\n\n-When the form is submitted, the entered information is displayed in a card structure below.\n\n-Clicking the \"Show\" button reveals the entered password. Clicking the \"Hidden\" button cancels the password visibility.\n\n```\nForm Validation (folder)\n|\n|----readme.md         \nSOLUTION\n├── public\n│     └── index.html\n├── src\n│    ├── assets\n│    ├── components\n│    │   ├── card\n│    │   │   └── Cards.jsx\n│    │   └── forms\n│    │       ├── Forms.jsx\n│    │       └── form.css\n│    ├── App.js\n│    ├── index.js\n├── package.json\n└── yarn.lock\n\n```\n\n## Screenshots\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./public/Screenshot_1.jpg\"  width=\"35%\" height=\"500\" /\u003e\n  \u003cimg src=\"./public/Screenshot_2.jpg\"  width=\"55%\" height=\"500\" /\u003e\n  \u003cimg src=\"./public/Screenshot_3.jpg\"  width=\"90.5%\" height=\"500\" /\u003e\n\u003c/div\u003e\n\n## Compatibility\n\nThe project is compatible with both wide-screen computers and mobile devices.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmehmet-github06%2Freact-form-input","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmehmet-github06%2Freact-form-input","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmehmet-github06%2Freact-form-input/lists"}