Rajkumar-Khatua / React-Form-with-Validation

Signup Form Component

This is a React component for a signup form where users can sign up with their email, name, country, age, and password. The component implements client-side validation to ensure that the email is in a valid format and the password is at least 8 characters long.

Features

• Email validation: Checks if the email is in a valid format (e.g., [e-mail]).
• Password validation: Ensures that the password is at least 8 characters long.
• Real-time error handling: Displays appropriate error messages next to each input field if validation fails.
• Submit button: The submit button is disabled until the form is valid.
• Clear form data: Form data is cleared after successful submission.

Usage

1. Install dependencies:

2. Run the development server:

3. Access the signup form in your browser at http://localhost:3000.

Live Access

You can access the live version of this signup form here.

Technologies Used

• React: JavaScript library for building user interfaces.
• CSS: Styling language for designing the appearance of the signup form.
• React Hooks: Used for managing state and side effects in functional components.

File Structure

• SignupForm.js: Contains the implementation of the SignupForm component.
• SignupForm.css: Stylesheet for styling the SignupForm component.
• README.md: Documentation file explaining the usage and features of the SignupForm component.

Aknowledgements

• React: A JavaScript library for building user interfaces.
• MDN Web Docs: A resource for web developers.
• Stack Overflow: A community of developers helping each other.