Frontend base para um Erp

# 🎨 Desenvolvedor Frontend - Sistema erp de rh (asp.NET Core MVC + Razor)

## 📋 Sobre o Projeto

Estou desenvolvendo um **sistema ERP completo para gestão de Recursos Humanos** chamado **RhSensoERP**, e preciso de um desenvolvedor frontend especializado para criar a interface web do sistema.

O backend (api rest) já está 100% pronto e funcional, construído com **.Net 8 / asp.NET Core**, seguindo **Clean Architecture** e boas práticas de desenvolvimento corporativo.

---

## 🎯 O Que Preciso

Desenvolver a **interface web completa** do sistema utilizando:

- **ASP.NET Core MVC** com **Razor Views**
- **Template Inspinia** (já adquirido e disponível)
- **Bootstrap 4/5** (responsivo)
- **jQuery** + **DataTables** (com Ajax, exportação, filtros avançados)
- **JavaScript/TypeScript** moderno (ES6+)

---

## 🏗️ Escopo do Trabalho

### ✅ **O Que Você Vai Desenvolver:**

#### **1. Layout Base & Estrutura**
- Template **Inspinia** integrado ao ASP.NET Core MVC
- Menu lateral dinâmico (baseado em permissões)
- Cabeçalho responsivo com perfil do usuário
- Breadcrumbs automáticos
- Notificações toast/alertas
- Loading states e skeleton screens
- Personalização de cores/logo da empresa

#### **2. Módulo de Autenticação (SEG)**
- Tela de Login (moderna, com validações client-side)
- Recuperação de senha
- Primeiro acesso / Troca de senha
- Logout com confirmação

#### **3. Gestão de Usuários (SEG)**
- Listagem com DataTables (busca, filtros, exportação)
- Cadastro/Edição (modal ou página separada)
- Visualização de detalhes
- Ativação/Inativação
- Gestão de permissões por usuário

#### **4. Gestão de Grupos/Funções (seg)**
- crud completo de grupos
- atribuição de permissões por tela/ação
- árvore de menus com checkboxes
- interface intuitiva para iaec (incluir, alterar, excluir, consultar)

#### **5. Módulo de Funcionários (RHU)**
- Cadastro completo de funcionários
- Upload de foto (com preview)
- Máscaras para cpf, telefone, cep
- validações avançadas
- histórico de alterações

#### **6. Dashboard Principal**
- Cards com indicadores (KPIs)
- Gráficos interativos (Chart.js ou similar)
- Widgets configuráveis
- Filtros por período/empresa

#### **7. Componentes Reutilizáveis**
- TagHelpers customizados para permissões
- Partial Views para elementos comuns
- Componentes de formulário padronizados
- Utilitários JavaScript compartilhados

---

## 🛠️ Tecnologias Obrigatórias

### **Frontend Stack:**
✅ ASP.NET Core MVC 8 
✅ Razor Views + TagHelpers 
✅ **Template Inspinia** (Bootstrap 4/5) 
✅ jQuery 3.6+ 
✅ DataTables.js (com plugins) 
✅ jQuery Validate + Unobtrusive 
✅ Font Awesome / Bootstrap Icons 
✅ SweetAlert2 (confirmações/alertas) 
✅ Select2 (dropdowns avançados) 
✅ Chart.js ou ApexCharts (gráficos) 
✅ Componentes Inspinia (Panels, Modals, Widgets) 

### **Integrações:**
✅ Consumo de api rest via httpclient/ajax 
✅ jwt → cookie authentication 
✅ csrf protection 
✅ validações client + server-side 

---

## 📐 requisitos do layout

### **design moderno & profissional:**
- ✅ interface limpa e intuitiva (ux corporativa)
- ✅ cores consistentes (palette customizável)
- ✅ totalmente responsivo (mobile-first)
- ✅ acessibilidade (wcag básico)
- ✅ animações sutis (transições suaves)
- ✅ feedback visual claro (loading, success, error)

### **funcionalidades esperadas:**
- ✅ tema claro/escuro (opcional)
- ✅ menu colapsável (sidebar toggle)
- ✅ busca global no sistema
- ✅ atalhos de teclado (opcional)
- ✅ modo offline-friendly (service worker - opcional)

---

## 📦 o que já está pronto (backend)

para facilitar seu trabalho, o backend já possui:

✅ **api rest completa** com todos os endpoints necessários 
✅ **autenticação jwt** configurada e funcional 
✅ **swagger** com documentação interativa 
✅ **dtos** definidos para todas as entidades 
✅ **validações** no backend (fluentvalidation) 
✅ **paginação, filtros e ordenação** nas listagens 
✅ **sistema de permissões** granular (por grupo, função, tela e ação) 
✅ **multi-tenant** (suporte a múltiplas empresas) 
✅ **logs estruturados** (serilog) 
✅ **tratamento de erros** padronizado 

**você só precisa consumir a api e criar as telas!**

---

## 📁 estrutura do projeto frontend

```
src/web/rhsensoerp.Web/
├── Areas/
│  ├── SEG/                    # Segurança (Usuários, Grupos)
│  │  ├── Controllers/
│  │  └── Views/
│  ├── RHU/                    # Recursos Humanos
│  │  ├── Controllers/
│  │  └── Views/
│  └── [outros módulos]
├── Controllers/
│  ├── HomeController.cs      # Dashboard
│  └── AuthController.cs      # Login/Logout
├── Services/
│  ├── ApiService.cs          # HttpClient base
│  ├── UsuarioApiService.cs    # Serviços de API
│  └── [outros services]
├── Views/
│  ├── Shared/
│  │  ├── _Layout.cshtml      # Layout principal
│  │  ├── _Sidebar.cshtml
│  │  ├── _Header.cshtml
│  │  └── Components/        # View Components
│  └── Home/
│      └── Index.cshtml        # Dashboard
├── wwwroot/
│  ├── css/
│  │  ├── inspinia/            # Template Inspinia (JÁ FORNECIDO)
│  │  └── custom.css          # Estilos customizados
│  ├── js/
│  │  ├── inspinia/            # Scripts Inspinia (JÁ FORNECIDO)
│  │  ├── app.js              # JavaScript global
│  │  └── modules/            # JS por módulo
│  └── lib/                    # Bibliotecas adicionais
└── TagHelpers/                  # TagHelpers customizados
```

---

## 🎯 Entregáveis Esperados

### **1. Código Fonte Completo:**
- Projeto ASP.NET Core MVC funcional
- Todos os arquivos organizados na estrutura acima
- Comentários em código complexo
- Código limpo e bem formatado

### **2. Documentação:**
- README com instruções de instalação
- Guia de componentes reutilizáveis
- Guia de uso dos componentes Inspinia aplicados
- Padrões de código utilizados
- Bibliotecas/plugins adicionados

### **3. Assets:**
- Template Inspinia integrado ao projeto ASP.NET Core
- Todas as bibliotecas configuradas (via CDN ou local)
- Personalização de cores/logo
- Ícones e recursos visuais

### **4. Testes Visuais:**
- Screenshots das principais telas
- Teste de responsividade (mobile/tablet/desktop)
- Validação de cross-browser (Chrome, Edge, Firefox)

---

## 🕒 Prazo Estimado

**4 a 6 semanas** (negociável conforme disponibilidade)

### **Cronograma Sugerido:**
- **Semana 1-2:** Layout base + Autenticação + Usuários
- **Semana 3-4:** Grupos/Permissões + Funcionários
- **Semana 5:** Dashboard + Componentes extras
- **Semana 6:** Testes, ajustes e documentação

---

## 💰 Orçamento

**Aberto a propostas** (fixo ou por hora)

Por favor, informe:
- Valor total ou hora/trabalho
- Disponibilidade semanal
- Experiência prévia com projetos similares

---

## 👨‍💻 Perfil Ideal

### **Experiências Obrigatórias:**
✅ ASP.NET Core MVC (Razor Views) 
✅ Bootstrap 5 (responsividade) 
✅ jQuery + DataTables 
✅ Integração com APIs REST 
✅ Validações client-side 

### **Experiências Desejáveis:**
⭐ **Template Inspinia** (grande diferencial!) 
⭐ Sistemas corporativos/ERPs 
⭐ TagHelpers customizados 
⭐ Chart.js / ApexCharts 
⭐ TypeScript 
⭐ Git/GitHub 

### **Diferenciais:**
🚀 Portfolio com projetos similares 
🚀 Conhecimento em ux/ui 
🚀 experiência com multi-tenant 
🚀 noções de acessibilidade 

---

## 📞 como se candidatar

por favor, envie:

1. **Portfolio** ou links de projetos Asp.net mvc anteriores
2. **Proposta comercial** (valor + prazo)
3. **Breve descrição** da sua experiência com a stack
4. **Disponibilidade** (horas/semana)
5. **Sua abordagem** para este projeto

---

## 📌 Observações Importantes

✅ O projeto já possui **arquitetura backend completa** - você focará 100% no frontend 
✅ Toda a **lógica de negócio está na API** - sem regras complexas no frontend 
✅ **Documentação da API disponível** (Swagger) para facilitar integração 
✅ Possibilidade de **continuidade** em novos módulos após entrega inicial 
✅ Comunicação via **Slack/Discord/Teams** (diária ou semanal) 
✅ Código será versionado em **Git** (GitHub/GitLab/Azure DevOps) 

---

## 🤝 Vamos Trabalhar Juntos?

Estou buscando um profissional que:
- Entregue **código de qualidade**
- Seja **comunicativo** e proativo
- Cumpra **prazos** acordados
- Tenha **atenção aos detalhes**

Se você tem experiência com sistemas corporativos e quer participar de um projeto bem estruturado, **aguardo sua proposta!**

---

**📩 Interessado? Envie sua proposta agora!**