https://github.com/lucashayashi/vue-store
Meu primeiro projeto com o Vue.js 2
https://github.com/lucashayashi/vue-store
bootstrap vue2
Last synced: 6 months ago
JSON representation
Meu primeiro projeto com o Vue.js 2
- Host: GitHub
- URL: https://github.com/lucashayashi/vue-store
- Owner: LucasHayashi
- Created: 2024-09-14T16:14:34.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-06T02:00:28.000Z (almost 2 years ago)
- Last Synced: 2025-02-10T23:51:18.906Z (over 1 year ago)
- Topics: bootstrap, vue2
- Language: JavaScript
- Homepage: https://lucashayashi.github.io/vue-store/
- Size: 120 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue Store
Este é o meu primeiro projeto usando **VueJS 2**. Ele é uma aplicação simples que simula uma loja online. O objetivo é listar produtos, visualizar detalhes e adicionar produtos ao carrinho. Tudo foi implementado sem componentes do Vue, usando apenas a estrutura básica.
## Funcionalidades
- Listagem de produtos (usando dados da Fake Store API)
- Visualização dos detalhes de um produto
- Adicionar e remover produtos do carrinho de compras
- Exibir o total de produtos no carrinho
- Exibir o preço total dos itens no carrinho
## Tecnologias Utilizadas
- **VueJS 2** (sem componentes)
- **Bootstrap 5** para o layout e componentes visuais
- **Fake Store API** para simular os produtos
## Como Usar
1. Clone o repositório ou faça o download do projeto.
2. Abra o arquivo `index.html` em seu navegador utilizando a extensão Live Server.
3. A aplicação carregará os produtos automaticamente da [Fake Store API](https://fakestoreapi.com/).
4. Clique nos produtos para ver os detalhes e adicioná-los ao carrinho.
5. O carrinho pode ser visualizado no ícone no topo da página.
## Dependências
- **Bootstrap 5.3**: Utilizado para estilização e responsividade.
- **Vue.js 2**: Framework JavaScript para criar a interface reativa.
## Estrutura do Projeto
- **index.html**: O arquivo principal onde todo o código Vue e HTML está concentrado.
- **src/vue.js**: Arquivo com o Vue.js incluído.
- **Fake Store API**: Os produtos são carregados dinamicamente desta API.