Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
Jaizzer authored Aug 13, 2023
1 parent 464dea6 commit c2cd190
Showing 1 changed file with 40 additions and 2 deletions.
42 changes: 40 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,41 @@
# Sign-Up-Form
# Responsive Sign-Up Form with JavaScript Validation

This project is meant to practice my skills in building forms with great design and form validations.
This project features a responsive sign-up page with JavaScript validation to enhance user experience and ensure accurate data submission. The form includes various input fields such as username, email, and password, with real-time validation feedback provided to users.

## Project Features

- **Responsive Design:** The sign-up form adapts to different screen sizes, providing a consistent and user-friendly layout across various devices.

- **Real-Time Validation:** JavaScript code is implemented to validate user input in real-time. Instant feedback is provided to users, helping them correct errors before submitting the form.

- **Error Handling:** In cases of incorrect or incomplete submissions, clear error messages are displayed to guide users on rectifying their input.

- **Password Confirmation:** The form ensures that the entered password matches the confirmed password to prevent errors during submission.

## Technologies Used

- HTML5: The structure of the sign-up page and input fields.
- CSS3: Styling for an appealing and responsive design.
- JavaScript: Real-time validation, error handling, and interactivity.
- [Optional] Backend Technology: Depending on the project's scope, a backend technology (e.g., Node.js, PHP) can be integrated to handle form submissions and data processing.

## How to Use

1. Clone the repository to your local machine.
2. Open the `index.html` file in a web browser.
3. Fill out the sign-up form, and observe real-time validation feedback as you interact with the fields.
4. If any input is incorrect or incomplete, appropriate error messages will guide you.
5. Upon successful validation, you can proceed to submit the form.

## Contribution

Contributions to this project are welcome! If you'd like to enhance the design, add new features, improve existing functionality, or optimize the code, feel free to submit pull requests.

## License

This project is licensed under the [MIT License](LICENSE).

## Credits

- Background image by [vectorpocket](https://www.freepik.com/author/vectorpocket) on Freepik.
- Logo and branding designed by the project creator.

0 comments on commit c2cd190

Please sign in to comment.