Frontend Auth Service Login and Signup

[Manav-Khandurie]

Develop the functionality to have There will be client side authentication and authorization of users where the users should be able to come in they would be able to login with their credentials it can either be a login with Google or login via custom user password. There must be appropriate measures to ensure that the session is managed and that the users login is saved for future sessions also there needs to be mechanisms to log out users after some time

You must implement appropriate methods to detect unauthorised access and log out any session that is unauthorised or has been expired.

[rampantvoid]

Can you please assign this to me

[Manav-Khandurie]

Can you please assign this to me

If you still interested , this is a frontend issue now , just ping me .

[rampantvoid]

@Manav-Khandurie yeah i'm still interested in doing this

[Manav-Khandurie]

@Manav-Khandurie yeah i'm still interested in doing this

ok im assigning you this issue then @rampantvoid , Please follow all the guidelines and ensure that the p r raised Is following all the rules and regulation of OsoC'24 .

Use discord or github to clarify any doubts regarding the issue. Good luck 👍

[adx04]

@Manav-Khandurie i would like to definitely work on this issue is the frontend only required now? and like in what theme and color choice should be there...should i make it in a dark theme and should i initiate a react project?

[Manav-Khandurie]

@Manav-Khandurie i would like to definitely work on this issue is the frontend only required now? and like in what theme and color choice should be there...should i make it in a dark theme and should i initiate a react project?

yea @adx04 , This is a front-end issue where you will be integrating the client-side firebase with our react app so like you will provide functionalities like sign in with Google and sign in with github on the front end of the actual react app and then you will also be generating token IDs. Token IDs will be used to authenticate and authorize with the back-end. So the firebase after logging in and authenticating with the firebase, a token ID, is generated, which will be sent to the back-end server, and that back-end server would go forward and authenticate with the firebase So this issue in which we have to work with the front-end side of the firebase here you need to have you here you need to build the login page the sign up page where you will provide the option for a custom login using a custom email and password and a sign in with Google. After that, when the sign-in is done, you will be generating the firebase access token, which will be generated using the firebase SDK on the front-end, and that will be sent to the back-end, that's it. Ui is your choice

the creds of firebase are at discord resources

[adx04]

This is a front-end issue where you will be integrating the client-side firebase with our react app so like you will provide functionalities like sign in with Google and sign in with github on the front end of the actual react app and then you will also be generating token IDs. Token IDs will be used to authenticate and authorize with the back-end. So the firebase after logging in and authenticating with the firebase, a token ID, is generated, which will be sent to the back-end server, and that back-end server would go forward and authenticate with the firebase So this issue in which we have to work with the front-end side of the firebase here you need to have you here you need to build the login page the sign up page where you will provide the option for a custom login using a custom email and password and a sign in with Google. After that, when the sign-in is done, you will be generating the firebase access token, which will be generated using the firebase SDK on the front-end, and that will be sent to the back-end, that's it. Ui is your choice

ok @Manav-Khandurie !

[adx04]

hello!@Manav-Khandurie i have created the react app with login/signup that leads to a basic profile page that also has the functionality to logout as well along with Firebase token Id generation and session mgmt. ...i have also included the "react-toastify" to noftify toast messages as a popup whenever the user is loggin in/signing up whether one is logged in successfully or not .

[adx04]

where should i put my react app folder in?

[rampantvoid]

@Manav-Khandurie have handled client side auth with firebase and have used zod for validation checks and have also made api util

[rampantvoid]

have raised a pr

[adx04]

i have raised the PR ! these are the ss of the frontend UI of signin/signup is this fine or should i make further changes?