Frontend Practice Tasks
Practice the frontend patterns used in real product work.
| Task | What You Practice |
|---|---|
| 01 — Registration Form | Form field validation: email, password strength + complexity, confirm password, phone (E.164 + country code selector), terms checkbox, all loading/error/success states |
| 02 — Login Form with Forgot & Reset Password | Complete auth flow: login error handling (email enumeration prevention), forgot password confirmation, reset password with token validation on page load |
| 03 — Shared Add / Edit Project Form | Add/Edit consistency: one shared component, one imported validation schema, pre-fill skeleton loader, identical field order, labels, error messages, and submit behavior in both modes |