Este projeto é uma landing page desenvolvida como parte do processo seletivo para a vaga de Estágio como Desenvolvedor Front-End na Econverse. A página foi criada utilizando React, TypeScript e Sass, seguindo um layout específico fornecido no Figma e consumindo dados de produtos a partir de um arquivo JSON como api.

• Página:

• Modal:

• Node.js v14 ou superior
• npm ou yarn

git clone https://github.com/GuihCastro/teste-front-end-jr-econverse.git
cd teste-front-end-jr-econverse

npm install

ou

yarn install

npm run dev

ou

yarn dev

A aplicação estará disponível em http://localhost:5173.

npm run build

ou

yarn build

Os arquivos de saída serão gerados na pasta dist.

• public/ - Contém arquivos estáticos, como imagens e o arquivo JSON (api) de produtos.
• src/ - Contém o código-fonte da aplicação.
  • components/ - Contém os componentes reutilizáveis da aplicação.
  • styles/ - Contém arquivos de estilo Sass.
  • App.tsx - Componente principal da aplicação.
  • index.tsx - Ponto de entrada da aplicação.

• Renderização de uma vitrine de produtos.
• Modal de detalhes do produto ao clicar em um item da vitrine.
• Troca de banners conforme a categoria ativa no menu.

• HTML semântico.
• Boas práticas de SEO.

Para mais informações, entre em contato pelo email:

• [email protected]