Teste Técnico Front - e-Commerce

Este é um projeto de e-commerce ou loja virtual desenvolvido com React JS e TypeScript. Ele permite listar produtos na tela recuperados da API do back-end, visualizar os detalhes dos produtos ao clicar nos cards e buscar produtos pelo nome através de uma pesquisa dinâmica por meio de um input na página inicial. Para acessar a API do backend, use a seguinte URL: http://localhost:3001

Funcionalidades

  • Listagem de produtos: exibe uma lista de produtos na página principal obtidos da API do Back-End.
  • Busca de produtos: permite encontrar produtos por meio de uma pesquisa dinâmica. A medida que digita o nome do produto, a aplicação vai filtrando os produtos correspondentes ao que está sendo digitado.
  • Adição de produtos ao carrinho: permite adicionar produtos ao carrinho de compras.

Tecnologias utilizadas

  • React JS: biblioteca JavaScript para construção de interfaces de usuário.
  • TypeScript: linguagem de programação de tipagem estática baseada em JavaScript que valida os tipos de dados usados na aplicação.
  • HTML5: linguagem de marcação para estruturar o conteúdo da aplicação.
  • CSS3: linguagem de estilos para estilizar a interface do usuário.
  • react-router-dom: biblioteca npm para criar as rotas da aplicação
  • axios: biblioteca npm usada para criar a conexão com a API do back-end.