React Forms

[oreopk]

Task: https://github.com/rolling-scopes-school/tasks/blob/master/react/modules/tasks/forms.md
Screenshot:

Done 25.08.2025 / deadline 25.08.2025
Deploy: https://rs-react-forms1.netlify.app/
Score: 85 / 100

• 1. Universal, single modal with React Portal (reusable for both controlled and uncontrolled forms) - 15 points
• 2. State Management set up with Redux or Zustand and used to collect data from both forms, proper modal behavior (accessibility, close on ESC/outside click) - 15 points
• 3. Validation works for both forms according to the requirements (error messages, blocking submit button), Yup or Zod is used for validation (10 points if works only for one form) - 15 points
• 4. Name, age, email, gender picker, accept T&C are implemented for both forms and collect data (if something doesn't work, score can be less) - 15 points
• 5. Input for image is implemented for both forms, image is saved as base64 and display on the main page after form submission - 15 points
• 6. Passwords (with password strength) are implemented for both forms - 15 points
• 7. Autocomplete works for both forms - 10 points Max

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
rs-react	Error			Aug 27, 2025 1:51am

[netlify]

✅ Deploy Preview for rs-react-forms1 ready!

Name	Link
🔨 Latest commit	00ce3c9
🔍 Latest deploy log	https://app.netlify.com/projects/rs-react-forms1/deploys/68ae648466831b0008f6bc41
😎 Deploy Preview	https://deploy-preview-7--rs-react-forms1.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.