Skip to content

Latest commit

 

History

History
43 lines (22 loc) · 2.65 KB

README.md

File metadata and controls

43 lines (22 loc) · 2.65 KB
Raw

Fakemeli Banner

Fakemeli: Carrinho de Compras com React JS, Vite, TypeScript e Tailwind CSS

O Fakemeli é um projeto de carrinho de compras desenvolvido em React JS, utilizando Vite como bundler, TypeScript para adicionar tipagem estática e Tailwind CSS para estilização. Neste projeto, você poderá explorar e interagir com produtos, consumindo a API do Mercado Livre, além de adicionar e remover itens do carrinho.

Funcionalidades

O projeto apresenta as seguintes funcionalidades:

  • Listagem de Produtos: Exibe uma lista de produtos obtidos através da integração com a API do Mercado Livre.

  • Busca de Produtos: Possibilita a pesquisa de produtos utilizando palavras-chave, as quais são utilizadas para consultar a API do Mercado Livre e trazer os resultados correspondentes.

  • Adição de Produtos ao Carrinho: Permite aos usuários adicionar produtos ao carrinho de compras, possibilitando a seleção de quantidade e variações, se aplicáveis.

  • Remoção de Produtos do Carrinho: Oferece a opção de remover produtos indesejados diretamente do carrinho de compras.

Tecnologias Utilizadas

O projeto faz uso das seguintes tecnologias:

  • React JS: Biblioteca JavaScript utilizada para a construção da interface do usuário, proporcionando uma experiência interativa e dinâmica.

  • Vite: Bundler extremamente rápido que contribui para uma inicialização ágil do projeto, garantindo eficiência no desenvolvimento.

  • TypeScript: Adiciona tipagem estática ao JavaScript, melhorando a manutenibilidade do código e prevenindo erros comuns.

  • Tailwind CSS: Framework de estilização que facilita a criação de interfaces atraentes e responsivas, através de classes utilitárias.

  • API do Mercado Livre: Integração com a API do Mercado Livre para obtenção de informações atualizadas e detalhadas sobre os produtos.

Como Executar o Projeto

  1. Clonagem do repositório: Clone este repositório para o seu ambiente local.

  2. Instalação de Dependências: No diretório do projeto, execute o comando npm install para instalar as dependências necessárias.

  3. Inicialização do Servidor: Utilize o comando npm run dev para iniciar o servidor de desenvolvimento. O projeto estará disponível em http://localhost:3000.

Conclusão

O Fakemeli é uma aplicação de carrinho de compras envolvente, construída com as tecnologias mais recentes. Sinta-se à vontade para explorar o código-fonte, realizar melhorias e expandir as funcionalidades de acordo com suas necessidades. Estamos animados para ver o que você irá criar com o Fakemeli!