CSI-CATT/Book-Store-app-Hacktoberfest2025

Title: Improve Login Page UI and Add Google Login Option

Aberta

#8 aberto em 11 de out. de 2025

Ver no GitHub
 (2 comentários) (0 reação) (1 responsável)JavaScript (6 forks)auto 404
Beginner-FriendlyHacktoberfest-acceptedgood first issuehacktoberfest

Métricas do repositório

Stars
 (2 estrelas)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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.

Guia do colaborador

Direção de pesquisa
Melhore a UI da página de login com melhor espaçamento, alinhamento, design responsivo e estilização consistente. Integre o login do Google via OAuth2 usando NextAuth ou Firebase. Garanta o tratamento adequado de erros e o redirecionamento após o login bem sucedido.
Pilha de tecnologia
javascriptreacttailwindcssnodejs
Domain
frontendauthentication
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 dias
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactTailwindCSSOAuth
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70