https://github.com/gabrieodev/pagina-de-login
Projeto prático de login com Angular + SCSS. Permite cadastro e login de usuários com conexão ao backend.
https://github.com/gabrieodev/pagina-de-login
angular html scss typescript
Last synced: 3 months ago
JSON representation
Projeto prático de login com Angular + SCSS. Permite cadastro e login de usuários com conexão ao backend.
- Host: GitHub
- URL: https://github.com/gabrieodev/pagina-de-login
- Owner: Gabrieodev
- Created: 2025-06-04T02:04:48.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-06-05T02:21:59.000Z (about 1 year ago)
- Last Synced: 2025-06-05T04:13:33.224Z (about 1 year ago)
- Topics: angular, html, scss, typescript
- Language: TypeScript
- Homepage:
- Size: 544 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🔐 Login Page - Full Stack Application
Este projeto é uma aplicação de **Login Page** desenvolvida com Angular, utilizando boas práticas de componentização, estilos com SCSS e integração com backend via API. O sistema permite que um usuário se registre e, posteriormente, realize login com as credenciais criadas.
---
## 🚀 Funcionalidades
### 📋 Cadastro de Usuário
- Permite que novos usuários se registrem com email e senha válidos.
- Os dados são enviados para o backend via requisição HTTP POST.
- Validações de formulário para garantir que os campos estejam preenchidos corretamente.
### 🔑 Login de Usuário
- O login só é permitido após o registro do usuário.
- Autenticação baseada em email e senha.
- Feedback visual (mensagens de erro ou sucesso).
- Armazenamento de token para controle de acesso.
### 🎨 Interface
- Interface responsiva, desenvolvida com HTML, SCSS e Angular.
- Separação em componentes reutilizáveis.
- Design moderno e funcional, com usabilidade em foco.
---
## 🧩 Tecnologias Utilizadas
### Front-end
- [Angular](https://angular.io/)
- HTML5
- SCSS (Sass)
- TypeScript
- JavaScript
### Backend
A API responsável por armazenar e autenticar os dados está disponível no seguinte repositório:
🔗 [Repositório do Backend](https://github.com/Gabrieodev/Pagina-de-login-backend)
---
## 🖼️ Preview da Aplicação
Abaixo você pode visualizar a interface da aplicação:
---
## 📚 O que foi aprendido
Durante o desenvolvimento desta aplicação, aprendi e reforcei os seguintes conceitos:
- 🔧 **Criação e organização de componentes no Angular**
- 🌐 **Integração do front-end com uma API de backend via HTTP**
- 🧪 **Validações de formulário com Angular Reactive Forms**
- 🛡️ **Boas práticas de autenticação e manipulação de tokens**
- 💅 **Estilização com SCSS e estrutura modularizada**
- 🧠 **Melhor compreensão do ciclo de vida de componentes**
- 🚀 **Deploy da aplicação Angular e conexão com backend externo**
Este projeto foi fundamental para consolidar conhecimentos essenciais do ecossistema Angular e de aplicações web modernas.
---