https://github.com/raphaelamonteiro/atvii-wb
Agenda de cadastro de clientes, em TypeScript (graphical user interface)
https://github.com/raphaelamonteiro/atvii-wb
Last synced: 5 months ago
JSON representation
Agenda de cadastro de clientes, em TypeScript (graphical user interface)
- Host: GitHub
- URL: https://github.com/raphaelamonteiro/atvii-wb
- Owner: raphaelamonteiro
- Created: 2025-06-20T20:28:37.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-28T00:07:27.000Z (about 1 year ago)
- Last Synced: 2025-06-28T01:19:22.266Z (about 1 year ago)
- Language: TypeScript
- Size: 1.41 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🧾 Atividade prática ATVII – Interface Gráfica
**Professor:** [Gerson da Penha Neto](https://github.com/gerson-pn)
---
## 🚀 Tecnologias utilizadas
## ☕ Contextualização
Após o sucesso do sistema CLI desenvolvido para o Grupo World Beauty (WB), surgiu a necessidade de atualizar o projeto com uma interface gráfica moderna (GUI), acessível via navegador comum e dispositivos móveis.
A GUI permite uma navegação mais amigável para o usuário final, mesmo sem conhecimento técnico, e facilita a visualização, edição e consulta dos dados do sistema.
## 💡 Atividade proposta
Você é o responsável por liderar a modernização do sistema, criando uma nova interface gráfica com React e o framework de design MaterializeCSS, seguindo os padrões do Material Design.
### 🎯 Objetivo:
Desenvolver uma interface web responsiva para o sistema WB, com foco em **usabilidade, clareza e organização dos dados de clientes, produtos e serviços.**
- Interfaces criadas com React (componentes de classe)
- Design responsivo com MaterializeCSS
- Projeto de pré-interface, sem necessidade de back-end funcional por enquanto
---
## 🛠️ Funcionalidades obrigatórias
- Formulários de cadastro e edição de clientes
- Listagem de clientes cadastrados
- Componentes visuais para cadastro de serviços/produtos (em andamento)
- Layout responsivo e adaptado a celulares/tablets
- Navegação entre telas simulada com transições (sem router obrigatório)
---
## ✅ Pré-requisitos
Antes de rodar o sistema, certifique-se de ter instalado:
- [Node.js](https://nodejs.org/) (versão 22 ou superior)
- npm (vem junto com o Node.js)
Verifique com:
```bash
node -v
npm -v
```
---
## ▶️ Como executar o projeto
1. **Clone este repositório:**
```bash
git clone https://github.com/raphaelamonteiro/ATVII-WB.git
cd ATVII-WB
```
2. **Instale as dependências:**
```bash
npm install
```
3. Execute a aplicação no navegador:
```bash
npm run dev
```
Acesse no navegador:
```bash
http://localhost:3002
```
### 🧩 _Materiais de Apoio_
- 🔗 Repositório auxiliar: [atvii-wb-typescript](https://github.com/gerson-pn/atvii-wb-typescript)
- 📚 [Documentação do React](https://reactjs.org)
- 🎨 [Documentação do MaterializeCSS (v1.0.0)](https://materializecss.com)
---
---
> Por [Raphaela Monteiro](https://github.com/raphaelamonteiro)