Javascript Developer & React Developer

The task is to create an app with a login screen that includes a username input field and a login button. When the login button is clicked, the provided checkusername function should be called. If the username is valid, the function will return an email address. Any errors returned by the function should be handled. After a successful login, a new screen should be shown with the returned email address. The requirements for the app include using react function components, material-ui, and the provided checkusername function. State handling should be used instead of passing the email address as a URL argument. The checkusername function simulates an API response delay and checks if the username is in a valid format and not already taken. If the username is valid, it returns the email address in lowercase.

Role: App Developer

• Developed an app with a login-like screen that includes a username input field and a login button.
• Implemented the login functionality by calling the checkusername function and handling any returned errors.
• Translated the provided username into an email address and displayed it on a new screen after successful login.

Role: React Developer

• Utilized React function components to build the app's user interface and manage its state.
• Incorporated Material-UI to enhance the app's visual design and provide a seamless user experience.