CSI-CATT/Book-Store-app-Hacktoberfest2025

Title: Improve Login Page UI and Add Google Login Option

Open

#8 opened on Oct 11, 2025

View on GitHub
 (2 comments) (0 reactions) (1 assignee)JavaScript (6 forks)auto 404
Beginner-FriendlyHacktoberfest-acceptedgood first issuehacktoberfest

Repository metrics

Stars
 (2 stars)
PR merge metrics
 (PR metrics pending)

Description

Description:

The current login page UI is minimal and could be enhanced to improve user experience. Additionally, integrating a Google login option will provide users with a quicker and more convenient way to sign in.

Proposed Changes:

UI Improvements:

Enhance the layout with better spacing, alignment, and responsive design.

Use consistent fonts, colors, and buttons to match the overall theme of the app.

Add visual feedback for user interactions (hover, focus, error messages).

Google Login Integration:

Add a "Login with Google" button.

Ensure proper OAuth2 flow using Firebase, NextAuth, or your preferred authentication method.

Handle successful login by redirecting users to the dashboard or homepage.

Benefits:

Improved aesthetics and usability of the login page.

Simplified login process for users with Google accounts.

Increased user engagement and reduced friction in authentication.

Contributor guide

Research direction
Improve login page UI with better spacing, alignment, responsive design, and consistent styling. Integrate Google login via OAuth2 using NextAuth or Firebase. Ensure proper error handling and redirect after successful login.
Tech stack
javascriptreacttailwindcssnodejs
Domain
frontendauthentication
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
ReactTailwindCSSOAuth
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70