https://github.com/tatyanepgoncalves/gerenciador_clientes
https://github.com/tatyanepgoncalves/gerenciador_clientes
api axios javscript react-icons tailwindcss tyepscript vite
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/tatyanepgoncalves/gerenciador_clientes
- Owner: tatyanepgoncalves
- Created: 2025-03-06T13:32:00.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-07T00:35:17.000Z (3 months ago)
- Last Synced: 2025-03-07T01:26:49.905Z (3 months ago)
- Topics: api, axios, javscript, react-icons, tailwindcss, tyepscript, vite
- Language: TypeScript
- Homepage: https://gerenciador-clientes.vercel.app
- Size: 58.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🏢 Gerenciador de Clientes
## 🔥 Introdução
Um sistema simples de gerenciamento de clientes, desenvolvido com **Vite**, **React**, **TypeScript** e **TailwindCSS**.
### 🎯 Funcionalidades
✔️ Cadastrar novos clientes
✔️ Listar clientes cadastrados
✔️ Excluir clientes
✔️ Consumo de API para gerenciamento de dados
✔️ Exibição do status do cliente
## 🚀 Tecnologias Utilizadas
- **React** ⚛️
- **TypeScript** 🟦
- **Vite** ⚡
- **TailwindCSS** 🎨
- **Axios** 🔗
- **React Icons**
## 📂 Estrutura do Projeto
``` bash
📂 gerenciador_clientes
┃ ┣ 📂 src
┃ ┃ ┣ 📂 components
┃ ┃ ┃ ┣ 📜 ClientItem.tsx
┃ ┃ ┃ ┣ 📜 Form.tsx
┃ ┃ ┃ ┗ 📜 ListClients.tsx
┃ ┃ ┣ 📂 services
┃ ┃ ┃ ┃ ┗ 📜 api.ts
┃ ┣ 📜 App.tsx
┃ ┣ 📜 index.css
┃ ┣ 📜 main.tsx
┃ ┗ 📜 vite-env.d.ts
┣ 📜.gitignore
┣ 📜 eslint.config.js
┣ 📜 index.html
┣ 📜 package.json
┣ 📜 package-lock.json
┣ 📜 tsconfig.json
┣ 📜 tsconfig.app.json
┣ 📜 tsconfig.node.json
┣ 📜 README.md
┣ 📜 .gitattributes
┗ 📜 vite.config.json
```
## 🛠️ Como Executar o Projeto
1️⃣ Clone o repositório
```bash
git clone https://github.com/tatyanepgoncalves/gerenciador_clientes.git
```
2️⃣ Instale as dependências
```bash
cd gerenciador_clientes
npm install # ou yarn install
```
3️⃣ Configure a API Backend
Certifique-se de que a API está rodando localmente na porta `3333` ou ajuste a URL em `services/api.ts`.
4️⃣ Inicie o projeto
```bash
npm run dev # ou yarn dev
```
## 📌 Melhorias Futuras
🔹 Editar clientes cadastrados
🔹 Paginação na listagem de clientes
🔹 Confirmação antes de excluir um cliente
##
🚀 Desenvolvido por [@tatyanepgoncalves](https://github.com/tatyanepgoncalves)