Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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.

Demonstração ao vivo

![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).