brusoncini / teste-front-end-jr

Teste Front-End Jr

TESTE FRONT-END JR

📝 Descrição do projeto

Projeto realizado para a vaga front-end jr da Econverse. Consiste em um modelo de site de venda de eletrônicos.

🔧 Ferramentas e tecnologias

• React
• SASS
• TypeScript
• HTML
• slick para o carrossel de produtos

📌 Funcionalidades

Para o teste, foi criado o front-end de um site de venda de acordo com as especificações contidas no Figma do projeto.

Possui uma vitrine que consome os dados de cada produto em JSON e mostra as informações de cada produto em um carrossel. Todos possuem imagem, nome, descrição e preço. Ao clicar no botão "COMPRAR", é aberta uma modal que deixa o fundo do site mais escuro e onde os detalhes do produto podem ser vistos.

A aplicação também foi feita utilizando componentes, que contribuem para a reutilização do cósido e facilidade de manutenção. Isso leva a um código mais limpo, mais organizado e mais fácil de manter ao longo do tempo.

Foi usado SASS como pré processador para os estilos da aplicação.

🚶 Acesso

Deploy disponível no Vercel.

Para baixar no seu computador:

• clonar o repositório com git clone;
• instalar as dependências com npm install;
• iniciar com npm start.

👩🏻‍💻 Feito por

Desenvolvido com ♥ por Bruna Soncini.