Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/daniel-portela/email-validation
Este projeto consiste em uma página web simples que permite aos usuários inserirem seus endereços de e-mail e valida se o formato inserido é válido ou não.
https://github.com/daniel-portela/email-validation
css3 html5 javascript responsive scss
Last synced: 20 days ago
JSON representation
Este projeto consiste em uma página web simples que permite aos usuários inserirem seus endereços de e-mail e valida se o formato inserido é válido ou não.
- Host: GitHub
- URL: https://github.com/daniel-portela/email-validation
- Owner: daniel-portela
- License: other
- Created: 2024-01-12T18:36:25.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-13T17:32:37.000Z (10 months ago)
- Last Synced: 2024-11-22T03:15:08.890Z (3 months ago)
- Topics: css3, html5, javascript, responsive, scss
- Language: SCSS
- Homepage: https://e-mailvalidation.netlify.app/
- Size: 83 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Validação de e-mail em JavaScript
![HTML](https://img.shields.io/badge/-HTML-0D1117?style=for-the-badge&logo=html5&labelColor=0D1117)
![CSS](https://img.shields.io/badge/-CSS-0D1117?style=for-the-badge&logo=CSS3&logoColor=blue&labelColor=0D1117)
![SCSS](https://img.shields.io/badge/-SCSS-0D1117?style=for-the-badge&logo=sass&logoColor=roxo&labelColor=0D1117)
![JavaScript](https://img.shields.io/badge/-javascript-0D1117?style=for-the-badge&logo=javascript&logoColor=yellow&labelColor=0D1117)Este projeto consiste em uma página web simples que permite aos usuários inserirem seus endereços de e-mail e valida se o formato inserido é válido ou não. Ele foi desenvolvido com HTML5, CSS3/SCSS e JavaScript. Esse projeto contém quatro estados de cores (padrão, focado, concluído e erro). Foi desenvolvido de forma totalmente responsiva, tornando compatível com todos os dispositivos móveis.
![preview-home](https://github.com/daniel-portela/email-validation/assets/110783805/2abf4e76-ebef-4f48-933c-09bd1a938147)
![preview-error](https://github.com/daniel-portela/email-validation/assets/110783805/a9c71fd7-033f-4150-bb17-7ee8f79006f9)
![preview-sucess](https://github.com/daniel-portela/email-validation/assets/110783805/f27e00e2-f66d-4db6-822d-e6da49655890)
![preview-responsive](https://github.com/daniel-portela/email-validation/assets/110783805/b7f8e770-999d-4c68-a3bf-89aff469d453)
Tecnologias
HTML5:
Utilizado para estruturar a página web e definir os elementos necessários, como formulários e inputs.
CSS3 (SCSS):
Utilizado para estilizar a página de forma mais eficiente e organizada, permitindo o uso de variáveis, mixins, aninhamento de seletores, entre outras funcionalidades que o SCSS oferece. O arquivo styles.scss foi compilado para styles.css para aplicação no projeto.
JavaScript:
Responsável pela validação em tempo real do formato do endereço de e-mail inserido pelos usuários, proporcionando feedback imediato sobre a validade do dado inserido.
Funcionalidades
Validação em tempo real do formato do endereço de e-mail conforme o usuário digita.
Exibição visual de feedback para o usuário sobre a validade do endereço de e-mail inserido.
Estilização moderna e responsiva para uma experiência de usuário agradável em diferentes dispositivos.
Contribuição
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues para reportar bugs, sugestões ou para enviar pull requests com melhorias.
Como utilizar:
Sinta-se à vontade para explorar, modificar e utilizar este projeto de validação de e-mail em seus próprios projetos!
Pré-requisitos:
Antes de começar, certifique-se de atender aos seguintes requisitos:
[Git](https://git-scm.com/downloads "Download Git") deve ser instalado em seu sistema operacional.
Execute localmente
Para executar o projeto localmente, execute este comando em seu git bash:
Linux e macOS:
```bash
git clone https://github.com/daniel-portela/email-validation.git
```Windows:
```bash
git clone https://github.com/daniel-portela/email-validation.git
```
Depois de clonar o repositório, acesse o projeto com o seguinte comando:```bash
cd nome-do-repositorio
``````bash
Você pode abri-lo no VS Code digitando "code ."
```Contribuições são bem-vindas! Se você deseja melhorar este projeto de alguma forma, sinta-se à vontade para abrir uma issue ou enviar um pull request.
Autor
Este projeto foi desenvolvido por Daniel Portela e é distribuído sob a [licença MIT]. Para mais informações, consulte o arquivo [LISENCE](LICENSE).