Implement User Authentication Functionality

[festus-sulumeti]

This PR addresses the implementation of user authentication functionality for our application, which includes the development of three core components: Login, Signup, and Profile. Each component has been designed to handle user interactions effectively while integrating with our authentication service.

Components Developed

1. Login Component

   • Created a Login component in src/components/.
   • Implemented form fields for username/email and password.
   • Added a submit button to trigger the login process.
   • Included a link to the Signup page for new users.
   • Integrated with the authentication service to manage login requests.
   • Implemented form validation to ensure required fields are filled and the email format is correct.
   • Displayed error messages for authentication errors (e.g., incorrect username/password).

2. Signup Component

   • Created a Signup component in src/components/.
   • Implemented form fields for username, email, and password.
   • Added a submit button to trigger the signup process.
   • Included a link to the Login page for existing users.
   • Integrated with the authentication service to manage signup requests.
   • Implemented form validation to ensure all fields are filled correctly, the password meets strength requirements, and the email format is valid.
   • Displayed error messages for invalid signup attempts (e.g., username already taken, weak password).

3. Profile Component

   • Created a Profile component in src/components/.
   • Displayed the current user's profile information (e.g., username, email).
   • Added form fields to allow users to update their information.
   • Included a submit button to save updates.
   • Integrated with the authentication service to fetch and update user profile data.
   • Implemented form validation for updated information.
   • Displayed error messages for any issues encountered while updating the profile.

Authentication Service Integration

• Ensured proper integration with the backend authentication service.
• Implemented API calls to handle login, signup, and profile updates.
• Managed authentication tokens or sessions as needed.
• Handled potential errors or exceptions from the service.

Testing

• Wrote unit tests for the Login, Signup, and Profile components.
• Tested form validation and error handling.
• Verified authentication service integration with mock endpoints.

Acceptance Criteria

• The Login component handles login attempts correctly and displays appropriate error messages.
• The Signup component manages new user registrations and displays validation errors.
• The Profile component displays and updates user information accurately.
• The authentication service is seamlessly integrated and handles all authentication-related functionality.
• All components have proper form validation and error handling.

Related Issue

• Closes #1

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
tasklist-2-0-1gil	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 23, 2024 1:58pm