nz-m / socialecho Goto Github PK

In signup, we don't have password confirmation, so there is no provision to revalidate the password we typed

Currently setLoading is shared with the redux store initialization and the server-status check.

If any one of them passes, the app renders.
So you can have:

1. possibility that the server is down, but redux initialized successfully, so no "loading.." will occur unless 'error' flag is also set quickly.
2. Even worse, the server-status check completes really fast, before redux store is initialized, and the app tries to acces useState for example before the store is up. (Ask me how i know 😉)

Better to split the two, have two flags and check for both.

Description

Add Google Sign-In functionality to the website to allow users to authenticate using their Google accounts. This feature aims to provide a convenient and secure login method, enhancing user experience and potentially increasing user registration rates.

Requirements

1. Google Sign-In Button: Add a Google Sign-In button on the login and registration pages.
2. OAuth 2.0 Implementation: Implement OAuth 2.0 flow to securely authenticate users via their Google accounts.
3. Backend Integration: Connect the authentication process to the backend, ensuring proper user session management.
4. UI/UX: Ensure the sign-in process is seamless and intuitive for users.
5. Error Handling: Properly handle and display any errors that occur during the sign-in process.

Additional Information

• API Documentation: Google Sign-In for Websites

Acceptance Criteria

1. Users can see a Google Sign-In button on the login and registration pages.
2. Users can sign in using their Google accounts.
3. The backend properly handles the OAuth 2.0 authentication flow.
4. Users are seamlessly redirected to the dashboard or appropriate page after sign-in.
5. Proper error messages are displayed for any authentication errors.

Tasks

• Add Google Sign-In button to the login and registration pages.
• Implement OAuth 2.0 flow for Google Sign-In.
• Integrate the authentication process with the backend.
• Ensure smooth UI/UX for the sign-in process.
• Implement error handling for authentication issues.

Labels: enhancement, authentication, frontend, backend

Contact Details

[email protected]

Bug Description

When we see the suggested communities section on the home page there is a join button that overlaps the name of the community.

Environment

Linux

Reproduction Steps

1. Login to the site
2. see on the right side in home
3. there is a section of suggested communities

Browsers

Chrome

Relevant Log Output

No response

Contact Details

[email protected]

Bug Description

It seems that the CSS is not working properly, and all images are too big. I managed to fix some by adding CSS code directly to the JSX file, but it looks ugly. I also manually fixed the icons that were too big. As you can see in the picture, it appears that the CSS might be missing or something else might need to be installed. Thank you for your help.
P.S. I'm still learning.

Environment

Linux

Reproduction Steps

No response

Browsers

No response

Relevant Log Output

No response

During the local setup of the project, a deprecation warning was encountered regarding babel-preset-react-app. The warning suggests adding "@babel/plugin-proposal-private-property-in-object" to devDependencies as a workaround.