🐞[bug]: frontend authentication not integrated with backend

[harmeetsingh11]

Describe the bug

Problem Description:

While testing the sign-in/sign-up functionality on the frontend, I discovered a critical issue:

• Backend APIs are not being called from the frontend.
• Instead, Firebase is being used for authentication.
• The Firebase logic is flawed and does not align with the backend API structure.

This discrepancy impacts the authentication flow and needs to be addressed by integrating the backend APIs.

Task Objectives:

We need to:

1. Replace Firebase-based authentication in the frontend with calls to the backend APIs.
2. Ensure seamless communication between the frontend and backend for authentication.

Required Backend API Integration:

Here are the APIs from the /backend folder to integrate with the frontend forms:

• POST /api/auth/signin: For user login.
• POST /api/auth/signup: For user registration.
• GET /api/auth/user: To fetch user details after login.
• POST /api/auth/logout: To log out the user.

Expected Frontend Behavior:

• Display the username after a successful login.
• Show popup alerts for the following scenarios:
  • Successful Registration
  • Successful Logout
  • Incorrect Login Credentials

Steps to Resolve:

1. Set up the full project locally, including the MongoDB database.
2. Replace Firebase logic in the frontend with the above backend API calls.
3. Test the API integration locally.

Testing Requirements:

• Since the backend is not yet deployed, attach screenshots/video of API responses in frontend when tested locally.
• Ensure proper error handling and user-friendly messaging in the frontend.

Notes for Contributors:

• Remove any redundant Firebase logic from the code.
• Reach out if you encounter issues during local setup or API testing.

[github-actions]

Hi there! Thanks for opening this issue @harmeetsingh11!. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.If belong's to SWOC program role ur self as Contributor in OS lead site Link : https://www.oslead.xyz/usertype , so that ur points will be assigned to the leaderboard. New to Open Source Contribution check out the below YT video , Happy Coding🚀💻🐛 🔗 Link : https://www.youtube.com/watch?v=3afUKB3guZA

[Anjaliavv51]

@harmeetsingh11 whom i need to assign this?

[harmeetsingh11]

@Anjaliavv51 this issue is open for contributors.

[Anjaliavv51]

@Anjaliavv51 this issue is open for contributors.

okay

[Anjaliavv51]

@harmeetsingh11

even goes with
issue #537 : ✨[feature Request]: Add backend for My orders
issue #441 : ✨[feature Request]: Implement Backend with Appwrite

[harmeetsingh11]

@Anjaliavv51 yes, we'll keep the issue #441 open for contributors if anyone willing to upgrade our current backend api code to appwrite.
I'll be closing issue #537, since this issue is duplicate of #441.

[Anjaliavv51]

@harmeetsingh11 Okay

[ThanishaDewangan]

@Anjaliavv51 @harmeetsingh11 can u assign me this issue , would like to contribute as a Swoc contributor

[ThanishaDewangan]

hey ! i have completed the issue

…

On Thu, Jan 23, 2025 at 4:21 PM Harmeet Singh ***@***.***> wrote: Assigned #878 <#878> to @ThanishaDewangan <https://github.com/ThanishaDewangan>. — Reply to this email directly, view it on GitHub <#878 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A445OCWQZZYV2IKH4LXDSX32MDCT7AVCNFSM6AAAAABVH6CBXCVHI2DSMVQWIX3LMV45UABCJFZXG5LFIV3GK3TUJZXXI2LGNFRWC5DJN5XDWMJWGA2DCOJYGQ2DSNI> . You are receiving this because you were assigned.Message ID: ***@***.***>

[harmeetsingh11]

@ThanishaDewangan okay, can you please share screenshots/video of testing of api endpoints via frontend?

[ThanishaDewangan]

Screenshot 2025-02-01 163342.png <https://drive.google.com/open?id=1_ldICxCzyVrUXJ7FmmLY9uK2kD5BNtr->

…

On Sat, Feb 1, 2025 at 4:39 PM Harmeet Singh ***@***.***> wrote: @ThanishaDewangan <https://github.com/ThanishaDewangan> okay, can you please share screenshots/video of testing of api endpoints via frontend? — Reply to this email directly, view it on GitHub <#878 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A445OCRP3RPUHSNJ77AIBD32NSTOLAVCNFSM6AAAAABVH6CBXCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMMRYHEYDONZTG4> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[ThanishaDewangan]

Is it ok ? Should I raise the pr ? On Sat, Feb 1, 2025, 6:52 PM THANISHA DEWANGAN ***@***.***> wrote:

…

Screenshot 2025-02-01 163342.png <https://drive.google.com/open?id=1_ldICxCzyVrUXJ7FmmLY9uK2kD5BNtr-> On Sat, Feb 1, 2025 at 4:39 PM Harmeet Singh ***@***.***> wrote: > @ThanishaDewangan <https://github.com/ThanishaDewangan> okay, can you > please share screenshots/video of testing of api endpoints via frontend? > > — > Reply to this email directly, view it on GitHub > <#878 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/A445OCRP3RPUHSNJ77AIBD32NSTOLAVCNFSM6AAAAABVH6CBXCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMMRYHEYDONZTG4> > . > You are receiving this because you were mentioned.Message ID: > ***@***.***> >

[harmeetsingh11]

@ThanishaDewangan the UI for signin and signup page, backend logic is already implemented. Only the integration of frontend with backend is left. You only have to call the APIs at the frontend. Please go-through the issue once again. If you have any doubts, feel free to ask.

[ThanishaDewangan]

Ok, I will check.

…

On Mon, Feb 3, 2025, 1:38 PM Harmeet Singh ***@***.***> wrote: @ThanishaDewangan <https://github.com/ThanishaDewangan> the UI for signin and signup page, backend logic is already implemented. Only the integration of frontend with backend is left. You only have to call the APIs at the frontend. Please go-through the issue once again. If you have any doubts, feel free to ask. — Reply to this email directly, view it on GitHub <#878 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A445OCVCJJRHCU4XLUBDQ5T2N4PX5AVCNFSM6AAAAABVH6CBXCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMMZQGIZTEMBXGM> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[ThanishaDewangan]

Screen Recording 2025-02-05 144157.mp4 <https://drive.google.com/open?id=1jdb7ku5lqaZCFxM2Mu5XdzbPfiqeAknV> i have tested it , it working ,can check now On Mon, Feb 3, 2025 at 5:33 PM THANISHA DEWANGAN ***@***.***> wrote:

…

Ok, I will check. On Mon, Feb 3, 2025, 1:38 PM Harmeet Singh ***@***.***> wrote: > @ThanishaDewangan <https://github.com/ThanishaDewangan> the UI for > signin and signup page, backend logic is already implemented. Only the > integration of frontend with backend is left. You only have to call the > APIs at the frontend. Please go-through the issue once again. If you have > any doubts, feel free to ask. > > — > Reply to this email directly, view it on GitHub > <#878 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/A445OCVCJJRHCU4XLUBDQ5T2N4PX5AVCNFSM6AAAAABVH6CBXCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMMZQGIZTEMBXGM> > . > You are receiving this because you were mentioned.Message ID: > ***@***.***> >