https://github.com/abdelrhmankhaled76/react_form
this a from made and validated with pure react
https://github.com/abdelrhmankhaled76/react_form
controlled nextjs react react-hot-toast tailwindcss typescript
Last synced: about 1 year ago
JSON representation
this a from made and validated with pure react
- Host: GitHub
- URL: https://github.com/abdelrhmankhaled76/react_form
- Owner: AbdelrhmanKhaled76
- Created: 2025-04-29T19:10:09.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-30T13:06:57.000Z (about 1 year ago)
- Last Synced: 2025-05-04T14:14:45.666Z (about 1 year ago)
- Topics: controlled, nextjs, react, react-hot-toast, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://react-form-iota-one.vercel.app
- Size: 195 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## This React component (Home) is a user profile form built with Next.js, styled using Tailwind CSS, and enhanced with Google Fonts (Oswald, Roboto). It includes the following key features:
Form Data Handling: Accepts user inputs for first name, last name, email, and password.
Image Upload with Validation: Accepts and previews a profile picture with restrictions on type and size.
Client-Side Validation: Validates required fields and image before form submission.
Clipboard Functionality: Allows users to copy the current page URL to the clipboard with visual feedback.
Reset Button: Resets all form fields and uploaded image.
Visual Feedback: Displays errors and success toast messages.
Styling: UI is centered using Flexbox and styled for clarity and accessibility.
FontAwesome icons are used for external links.