Frontend Store
[PT-BR] Loja Online com API do Mercado Livre
Este é um projeto de uma loja online desenvolvida utilizando a API do Mercado Livre. A aplicação foi construída com as tecnologias React, React Router, ciclo de vida do React e Tailwind CSS para a estilização.
Funcionalidades
- Tela inicial com a escolha de itens ou categorias de produtos desejados.
- Exibição dos dados do produto, incluindo nome, imagem e valor.
- Adição de produtos ao carrinho de compras.
- Exibição da quantidade de itens adicionados ao carrinho e seus respectivos valores.
- Botão para finalizar a compra, redirecionando para a página de checkout.
- Página de checkout com os produtos adicionados ao carrinho, soma dos valores e opções de pagamento.
- Captura de dados do usuário para finalizar o pedido.
- Detalhes do produto, incluindo avaliações e comentários de outros usuários.
- Possibilidade de criação de comentários e avaliação (de 1 a 5) sobre o produto.
Tecnologias utilizadas
- React com componentes de classes
- React Router (Browser Router) para gerenciar as rotas da aplicação
- Ciclo de vida do React para controlar o comportamento dos componentes
- Tailwind CSS para a estilização
Trabalho em andamento
Por favor, tenha em mente que o trabalho de estilização ainda está em progresso. A interface da aplicação pode sofrer alterações e melhorias à medida que continuamos trabalhando no design.
Contribuidores
- Alisson Tassi - GitHub: Alisson Seraphim
- Matheus Trein - GitHub: MatheusTrein
- Gleyson Santos - GitHub: glaysonbsantos
- Jorge Gomes - GitHub: jorgelsgomes
Como executar o projeto
- Certifique-se de ter o Node.js instalado em seu ambiente de desenvolvimento.
- Clone este repositório em sua máquina local.
- Navegue até o diretório do projeto no terminal.
- Execute o seguinte comando para instalar as dependências do projeto:
npm install - Após a instalação das dependências, execute o comando a seguir para iniciar a aplicação:
npm start - Acesse a aplicação no seu navegador através do seguinte endereço:
http://localhost:3000
Licença
Este projeto não possui uma licença específica, pois foi desenvolvido com o intuito de aplicar os conceitos estudados.
[EN] Online Store with Mercado Livre API
This is a project for an online store developed using the Mercado Livre API. The application is built with React, React Router, React lifecycle methods, and Tailwind CSS for styling.
Features
- Initial screen with the option to choose items or product categories.
- Display of product data, including name, image, and price.
- Add products to the shopping cart.
- Display the quantity of items added to the cart and their respective values.
- Button to finalize the purchase, redirecting to the checkout page.
- Checkout page displaying the added products, total value, payment options, and user information to complete the order.
- Product details page, including reviews and comments from other users.
- Ability to create comments and ratings (from 1 to 5) for the product.
Technologies Used
- React with class components
- React Router (Browser Router) for managing application routes
- React lifecycle methods to control component behavior
- Tailwind CSS for styling
Work in Progress
Please note that the styling is still a work in progress. The application's interface may undergo changes and improvements as we continue to work on the design.
Contributors
- Alisson Tassi - GitHub: Alisson Seraphim
- Matheus Trein - GitHub: MatheusTrein
- Gleyson Santos - GitHub: glaysonbsantos
- Jorge Gomes - GitHub: jorgelsgomes
How to Run the Project
- Make sure you have Node.js installed in your development environment.
- Clone this repository to your local machine.
- Navigate to the project directory in the terminal.
- Run the following command to install the project dependencies:
npm install - After the dependencies are installed, run the following command to start the application:
npm start - Access the application in your browser using the following address:
http://localhost:3000
License
This project does not have a specific license as it was developed to apply the concepts studied.
