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!