Create a website in which there should be a login or register buttons on clicking register clicking register you should ask details like Name● Username● Password● Confirm Password● Email● Gender● Country (Dropdown)● Date of birth and a profile pic● Accept Terms and Conditions (Checkbox) and after registration it should take u to the login in which there is username and password and even create and forgot password in which the user should enter the registered mail and send a code to his email on entering the code the user should change his password after a successful login it should taken the user a new page where it says welcome with username and there a right up corner ther should be a user profile pic on clicking that the user should able to see his details and can change it from there except email to change email and otp is send to his mail and on entering the opt he can change the email Note : password should be 8 or more than that and should contain uppercase and a special symbol and in the register form if any thing missing mention it below by a red colour sentence and storage should be local data base with multiple users and after a suceesfl login the user can upload his photos and if he want he can logout and also the user can change the page from english language to german also
I'll create a complete authentication system with registration, login, password reset, and profile management functionality. Let's build this using Next.js with the App Router.
I've created a complete authentication system with all the features you requested:
Registration Form with:
Login System with:
Password Reset Flow:
User Dashboard:
Profile Management:
Multi-language Support:
Form Validation:
Local Storage:
The system uses React Hook Form for form validation, shadcn/ui for the UI components, and custom context providers for authentication and language switching. All data is stored locally in the browser's localStorage.