Teste assíncrono da empresa Ensínio referente à área de Front-End.
O projeto consistiu no desenvolvimento de uma "seção hero" de uma página institucional, dividida em navbar, seção superior e seção inferior.
-
Design da interface: https://www.figma.com/file/M0jy5rqNumytQKuKZYhgPS/Ensinio-Frontend-Challenge
-
Repositório do teste: https://github.com/EnsinioOrg/front-end-async-test
De acordo com os requisitos do teste, foram utilizadas as seguintes tecnologias:
- HTML & CSS
- Next.js
- Styled-Components
- Typescript
Abaixo estão instruções de como rodar o projeto localmente.
- Clone esse repositório
git clone https://github.com/annaluizando/ensinio-front.git
- Entre na pasta do projeto
cd ensinio-front
- Instale os packages necessários
npm install
- Inicialize o json-server
json-server --watch db.json --port 3001
- Inicialize o servidor numa porta local
npm run dev
- Caso queira rodar testes
npm run test
Esse projeto está hospedado na plataforma Vercel, você pode dar uma olhada nele por meio do seguinte link:
https://ensinio-front.vercel.app/
- Desenvolvimento da tela
- Adição dos Pop-Up's
- Ajustes na responsividade
- Adição da funcionalidade de internacionalização
- Configuração dos cookies
- Adição de comentários necessários no código
- Revisão de código
- Testes unitários
É importante ressaltar que existem alguns arquivos JSON, entre eles:
- db.json: que foi disponibilizado no repositório do teste técnico da empresa, no qual engloba as traduções dos 3 cards (Trilhas, Playlists e Coleções) da Lower Section (parte inferior do site).
- common.json: no diretório do projeto existe uma pasta chamada locales, e dentro dela existem 3 pastas (en, es, pt), cada uma referente à sua respectiva linguagem, e dentro de cada uma existe 1 arquivo common.json, que engloba as traduções (e conteúdos de texto) de todo o resto do site.