Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/furkan-dogu/form-validasyon
This project contains a simple web application for validating user input data in a registration form.
https://github.com/furkan-dogu/form-validasyon
bootstrap javascript react react-bootstrap usestate
Last synced: about 6 hours ago
JSON representation
This project contains a simple web application for validating user input data in a registration form.
- Host: GitHub
- URL: https://github.com/furkan-dogu/form-validasyon
- Owner: furkan-dogu
- Created: 2023-12-07T17:21:16.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-01-06T19:36:22.000Z (11 months ago)
- Last Synced: 2024-01-06T20:42:56.087Z (11 months ago)
- Topics: bootstrap, javascript, react, react-bootstrap, usestate
- Language: JavaScript
- Homepage: https://form-validasyon.vercel.app
- Size: 809 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Form Validation Project
## About the Project
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.
## Table of Contents
- [Conditions](#conditions)
- [Project Skeleton](#project-skeleton)
- [Screenshots](#screenshots)
## Project Link
You can find the live version of the project [here](https://form-validasyon.vercel.app/).
## Conditions
-All fields must be filled.
-Password must be at least 8 characters.
-Email must be valid, containing '@'.
-Image must be a valid URL.
-Username, Firstname, and Lastname must be at least 3 characters long, excluding spaces.
-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.
-When the form is submitted, the entered information is displayed in a card structure below.
-Clicking the "Show" button reveals the entered password. Clicking the "Hidden" button cancels the password visibility.
## Project Skeleton
```
Form Validation (folder)
|
|----readme.md
SOLUTION
├── public
│ └── index.html
├── src
│ ├── assets
│ ├── components
│ │ ├── card
│ │ │ └── Cards.jsx
│ │ └── forms
│ │ ├── Forms.jsx
│ │ └── form.css
│ ├── App.js
│ ├── index.js
├── package.json
└── yarn.lock
```
## Screenshots
## Compatibility
The project is compatible with both wide-screen computers and mobile devices.