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.
- 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: