Realização do teste para desenvolvedor front-end que tinha como objetivo replicar o sketch do figma em um ambiente de desenvolvimento. 🚀
Este projeto foi feito utilizando as seguintes tecnologias:
Você pode acessar o site pelo link abaixo:
- SEPLAG - Intranet - O site está hospedado gratuitamente na Vercel
/index.html
- Página de Login/home.html
- Página Inicial do Projeto/pagina-externa.html
- Página Externa do Projeto/galeria.html
- Página da Galeria do Projeto/noticias.html
- Página da Noticias do Projeto
No vídeo que será disponibilizado abaixo, você irá encontrar a explicação do projeto para que não perca nenhum detalhe de todo o processo de desenvolvimento, ou seja, será mostrado com clareza todos os passos realizados.
Nesse tópico irei informar detalhes que eu notei para o desenvolvimento do sketch e relatar possíveis problemas ao realizar o desenvolvimento,
o primeiro detalhe a ser mencionado será o da responsividade do site, baseado no sketch que se utilizou a medidas em px
tentei adaptar ao máximo para um modelo responsivo visto que utilizando essa unidade de medida ele não ficaria tão responsivo, abaixo você irá encontrar a resolução e uma imagem para comprovar a responsividade, recomendo que assistam o vídeo acima da explicação, serei breve para não tomar o tempo de vocês, caso você já tenha assistido desconsidere.
Resolução | Status | Link para comprovação | Ambiente Testado |
---|---|---|---|
2560x1080 |
✅ | Clique aqui para conferir | Produção & Local |
1920x1080 |
✅ | Clique aqui para conferir | Produção & Local |
1366x768 |
✅ | Clique aqui para conferir | Produção & Local |
- Todos os direitos reservados por SEPLAG Ⓡ
- Feito por Arthur Coutinho.