Javascript Developer & React Developer

Die Aufgabe besteht darin, eine App mit einem Anmeldebildschirm zu erstellen, der ein Eingabefeld für den Benutzernamen und eine Schaltfläche zum Anmelden enthält. Wenn die Login-Schaltfläche angeklickt wird, soll die bereitgestellte Funktion checkusername aufgerufen werden. Wenn der Benutzername gültig ist, wird die Funktion eine E-Mail-Adresse zurückgeben. Alle Fehler, die von der Funktion zurückgegeben werden, sollten behandelt werden. Nach einem erfolgreichen Login soll ein neuer Bildschirm mit der zurückgegebenen E-Mail-Adresse angezeigt werden. Die Anforderungen an die App umfassen die Verwendung von React-Funktionskomponenten, material-ui und die bereitgestellte checkusername-Funktion. Anstelle der Übergabe der E-Mail-Adresse als URL-Argument sollte State-Handling verwendet werden. Die Funktion checkusername simuliert eine Verzögerung der API-Antwort und prüft, ob der Benutzername in einem gültigen Format vorliegt und nicht bereits vergeben ist. Wenn der Benutzername gültig ist, gibt sie die E-Mail-Adresse in Kleinbuchstaben zurück.

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.