https://github.com/moscarde/gamus_petshop

Projeto de estudo usando html, css, js para construir um sistema de cadastro e vendas de itens de petshop.
https://github.com/moscarde/gamus_petshop

css html javascript

Last synced: about 2 months ago
JSON representation

Projeto de estudo usando html, css, js para construir um sistema de cadastro e vendas de itens de petshop.

• Host: GitHub
• URL: https://github.com/moscarde/gamus_petshop
• Owner: Moscarde
• Created: 2022-06-25T02:52:55.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-07-08T02:55:26.000Z (almost 3 years ago)
• Last Synced: 2025-02-06T04:53:07.186Z (4 months ago)
• Topics: css, html, javascript
• Language: JavaScript
• Homepage: https://gamus-pet-shop.vercel.app/
• Size: 1.39 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# GaMus PetShop - Vendas

![full](https://i.imgur.com/VH3ywnA.jpg)

> Status do Projeto: :heavy_check_mark: (07/22)

## :bookmark_tabs: Descrição do projeto

 Projeto de estudo com foco em classes e objetos javascript, e interações com os objetos do documento.


## :dash: Deploy da Aplicação 

Link para visualizar no navegador

##  :warning: Problemática

O projeto trabalha com uma problemática de um sistema de vendas interno de um petshop.


## :blue_book: Tecnologias / Linguagens utilizadas

- ``HTML``

- ``CSS``

- ``JS``

## :hammer: Funcionalidades do projeto

- `Funcionalidade 1`: Identificação do cliente

 
 Pode definir um novo cliente ou escolher um cliente já cadastrado. 

 

![dados-clientes](https://i.imgur.com/e5w1u2a.jpg)


- `Funcionalidade 2`: Pesquisa e navegação entre itens

  
 Nesta sessão é possível procurar o item por código, nome, filtrar por categoria, ou avançar e retroceder pelas setas de navegação. 


![pesquisa-itens](https://i.imgur.com/s6yhGaX.jpg)

- `Funcionalidade 3`: Adicionar item ao carrinho

 
 Aqui podemos definir a quantidade e o tipo de item para adicionar ao carrinho. Podendo ser o Kg ou o saco fechado para rações ou a unidade para os demais.


![quantidade-itens](https://i.imgur.com/7OQVdvL.jpg)

- `Funcionalidade 4`: Carrinho

 
 Pode conferir os itens adicionados ao carrinho e seus valores.


![carrinho](https://i.imgur.com/dsLmxSx.jpg)

- `Funcionalidade 5`: Finalizar venda + impressão de pedido

 
 Quando o botão finalizar venda for clicado, será gerado um documento para a impressão contendo os itens do carrinho e os dados do cliente.


![carrinho-2](https://i.imgur.com/fPyYPES.jpg)

- `Funcionalidade 6`: Estoque

 
 Nesta sessão é possível ver os itens em estoque, sua quantidade atualizada e seus valores. Também é possível conferir novos itens cadastrados


![estoque](https://i.imgur.com/V1R4Wr4.jpg)

- `Funcionalidade 7`: Cadastrar novo item

 
 Nesta sessão é possível cadastrar um novo item em alguma categoria.


![cad-itens](https://i.imgur.com/XtMqKok.jpg)

- `Funcionalidade 8`: Cadastrar novo cliente

 
 Nesta sessão é possível cadastrar um novo cliente.


![cad-clientes](https://i.imgur.com/kBq0qB6.jpg)

- `Funcionalidade 9`: Site responsivo

 
 Adaptação dos elementos de acordo com o tamanho de tela


![responsivo](https://i.imgur.com/7kE3ZfD.jpg)

:construction: Projeto finalizado :construction: