https://github.com/artenlf/adopet
Site responsivo desenvolvido para a empresa AdoPet, utilizando metodologia Mobile-First conforme proposto pelo #alurachallengefrontend4
https://github.com/artenlf/adopet
css html javascript vitrinedev
Last synced: 3 months ago
JSON representation
Site responsivo desenvolvido para a empresa AdoPet, utilizando metodologia Mobile-First conforme proposto pelo #alurachallengefrontend4
- Host: GitHub
- URL: https://github.com/artenlf/adopet
- Owner: artenlf
- Created: 2022-07-04T14:01:03.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-02T16:52:18.000Z (over 2 years ago)
- Last Synced: 2025-01-09T01:55:56.543Z (5 months ago)
- Topics: css, html, javascript, vitrinedev
- Language: HTML
- Homepage: https://adopet-taupe.vercel.app/
- Size: 3.86 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AdoPet
Aplicação desenvolvida para a empresa AdoPet, utilizando HTML, CSS e JavaScript vanilla, seguindo a metodologia Mobile-First e funcionalidades como formulário de cadastro, tela de login e painel de usuário.
| :placard: Vitrine.Dev | |
| ------------- | --- |
| :sparkles: Nome | **AdoPet**
| :label: Tecnologias | javascript, html, css
| :rocket: URL | adopet-taupe.vercel.app
| :fire: Desafio | shorturl.at/qvC27
## Detalhes do projeto
### Objetivo
- Aplicar e consolidar conhecimentos em HTML, CSS e JavaScript (vanilla), utilizando Trello como gestor de tasks e protótipo do figma.
### Status
- Deployed
### Features
- [x] Mobile-First (responsividade);
- [x] Home com botões para login e cadastro;
- [x] Validação de campos de cadastro com Regex (Cadastro e Mensagem);
- [x] Botão de mostrar senha no campo senha (Cadastro e Login);
- [x] Tratamento de erros caso condições de validações não estejam de acordo (Cadastro e Login);
- [x] Submits de Cadastro e Login funcionais, com armazenamento localStorage;
- [x] Área logada com informações de usuário persistentes;
- [ ] Tela de animais com listagem dinâmica;
- [ ] Seleção de animal com linkagem diretamente para Mensagem;
- [x] Tela mensagem com aplicação de máscara no campo Telefone;
- [x] Envio de formulário de mensagem para e-mail funcional (FormSubmit)
- [ ] Edição de foto de perfil
### Tecnologias
### Screenshots
