Integration of FaceBook Api with signup

[EddyShimwa]

This issue proposes the implementation of Facebook authentication for user signup on our application. This will allow users to create an account by leveraging their existing Facebook credentials, streamlining the signup process and potentially increasing user acquisition.

Acceptance Criteria:

Feature Implementation:

• [ ] Integrate the Facebook Login API into the signup page.
• [ ] Provide a clear and visually distinct "Sign up with Facebook" button.
• [ ] Upon clicking the button, initiate the Facebook login flow using appropriate OAuth libraries.
• [ ] Request necessary permissions from the user (e.g., email address) during the login process.

  Data Retrieval and User Creation:

• [ ] Retrieve relevant user information (e.g., name, email) from Facebook upon successful login.
• [ ] Check if the email retrieved from Facebook is already associated with an existing account on our platform.
• [ ] If yes, display an error message prompting the user to log in with their existing credentials.
• [ ] If no, proceed with user creation on our platform.
• [ ] Create a new user account on our platform using the retrieved information from Facebook.

Security Considerations:

• [ ] Implement secure practices for handling user data retrieved from Facebook.
• [ ] Store only the necessary information (e.g., email address, unique identifier) from Facebook and avoid storing access tokens.
• [ ] Ensure proper user authorization after successful Facebook login.

  User Experience:

• [ ] Provide clear and concise user feedback during the Facebook login process.
• [ ] Display appropriate error messages in case of login failures or permission issues.

Testing:

• [ ] Unit test the integration of the Facebook Login API.
• [ ] Conduct end-to-end testing to ensure successful user creation through Facebook login.
• [ ] Perform security testing to identify and mitigate any potential vulnerabilities.

[EddyShimwa]

Implementation Plan for Signup Page and Facebook Authentication with Redux & React.ts (3 Days)

FaceBook Api Integration Day 1:

• Set up Facebook Login using the Facebook JavaScript SDK and a library like react-facebook-login.
• Design the "Sign up with Facebook" button and integrate it into the signup page.

Facebook Authentication Implementation:

• Get access token from .env file
• Implement logic to initiate Facebook login flow upon clicking the button.
• Request necessary permissions from the user (e.g., email address).
• Dispatch a Redux action to handle Facebook login initiation.

Data Retrieval and User Creation:

Dispatch a Redux thunk to:

• Check for existing account using retrieved email address via backend API call.
• If no existing account, create a new user account using Facebook data. Redux UI Integration and Testing:

Connect your React components to the Redux store using react-redux.

• Use Redux state and dispatch actions to update UI components

testing

• Write unit tests for the components and requests