**[FEAT]: Implement Global State Management and API Connections for Authentication**

[tejasbenibagde]

Description:

Currently, the frontend renders static pages from the frontend directory without establishing any API connections. To improve this, I propose introducing a global state management system along with implementing login and signup functionality using JWT tokens. These changes will enable dynamic interactions with the backend, providing a more seamless user experience.

Plan:

1. Global State Management:
   I will introduce Redux to manage global state in the frontend directory. This will allow us to store and manage the user's authentication state across the application.

2. API Integration with Redux Toolkit:
   Using Redux Toolkit, I will set up API endpoints to facilitate communication between the frontend and the backend. This will enable the application to interact with the backend to handle login, signup, and authentication using JWT tokens.

3. Authentication Pages:
   I will create two distinct pages: one for login and one for signup. These pages will allow users to authenticate and access the application.

4. Dynamic Navbar:
   The Navbar will dynamically render based on the user's authentication state stored in the global state. If the user is logged in, it will display their profile image. If not, it will show buttons for logging in or signing up.

Expected Outcome:

• A global state that manages the user's login status.
• Successful API integration using Redux Toolkit to authenticate users.
• Dynamic rendering of the Navbar based on the user's authentication state.

[github-actions[bot]]

Thanks @tejasbenibagde for raising this issue! We'll look into it.We hope you have made sure that a similar issue doesnt exist , if it does, kindly ask to be assigned on that issue