https://github.com/klausvisual/gestordeestoque

https://github.com/klausvisual/gestordeestoque

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/klausvisual/gestordeestoque
• Owner: klausvisual
• Created: 2025-02-08T21:38:54.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2025-02-17T19:16:38.000Z (over 1 year ago)
• Last Synced: 2025-02-17T20:26:30.811Z (over 1 year ago)
• Language: JavaScript
• Size: 42 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🚀 Exercício Final - Gestor de Estoque 

Este projeto é uma aplicação **SPA de gestão de estoque** desenvolvida com **React, React Router e Vite**. Ele faz parte do curso **Fullstack da OneBitCode** e foi desenvolvido acompanhando a videoaula, aplicando os conceitos ensinados no curso.

---

## 📌 Funcionalidades  

✔️ **Dashboard:** Exibe estatísticas gerais sobre os itens em estoque.  

✔️ **Listagem de Itens:** Mostra todos os produtos cadastrados com opções para visualizar detalhes, editar e excluir.  

✔️ **Detalhes do Item:** Exibe todas as informações de um item específico.  

✔️ **Cadastro e Atualização:** Permite adicionar e modificar itens com nome, quantidade, preço, categoria e descrição.  

✔️ **Persistência de Dados:** Utiliza **LocalStorage** para manter as informações após a atualização ou fechamento do app.  

✔️ **Navegação:** Implementada com **React Router**, garantindo uma experiência fluida sem recarregar a página.  

---

## 🛠️ Tecnologias Utilizadas  

🔹 **React**  

🔹 **React Router**  

🔹 **Vite**  

🔹 **LocalStorage**  

🔹 **Styled Components

---

## 📷 Preview  

# #📌 Página inicial

![Descrição da Imagem](public/img/Página%20inicial.webp)

# #📌 Página de itens em estoque

![Descrição da Imagem](public/img/Página%20de%20itens%20em%20estoque.webp)

# #📌 Página de item individual

![Descrição da Imagem](public/img/Página%20de%20item%20individual.webp)

# #📌 Página de edição de item

![Descrição da Imagem](public/img/Página%20de%20edição%20de%20item.webp)

 

# #📌 Página de criação de novo item

![Descrição da Imagem](public/img/Página%20de%20criação%20de%20novo%20item.webp)

```bash

# Exemplo de como rodar o projeto localmente

git clone https://github.com/klausvisual/GestorDeEstoque

cd GestorDeEstoque

npm install

npm run dev