O projeto SmartRH é uma aplicação web desenvolvida com React e Tailwind CSS, que funciona como a interface visual do sistema de cadastro e gerenciamento de colaboradores, cuja aplicação em funcionamento pode ser acessada por meio do seguinte link: Site SmartRH
Já o back-end deste projeto pode ser encontrado no seguinte link: smart-rh_java
- 💡 Conhecimentos Mobilizados
- 🏗️ Estrutura do Projeto
- 📂 Código Desenvolvido
- 🛠️ Tecnologias Utilizadas
- 🤝 Desenvolvedoras do Projeto
- React: Criação de componentes reutilizáveis e responsivos para a construção da interface.
- Tailwind CSS: Estilização da aplicação com classes utilitárias, garantindo agilidade e responsividade.
- Componentização: Separação de responsabilidades com componentes reutilizáveis e de fácil manutenção.
- Vite: Ferramenta de build para aplicações React, proporcionando um ambiente de desenvolvimento ágil.
- Vercel: Plataforma utilizada para o deploy da aplicação, permitindo acesso rápido e gratuito à versão em produção.
smartrh-frontend/
├── public/
│ └── index.html
├── src/
│ ├── assets/
│ ├── components/
│ │ └── footer
| | | ├── Footer.tsx
│ │ ├── layout
| | | ├── Layout.tsx
│ │ ├── navbar
| | | ├── Navbar.tsx
│ ├── models/
│ │ └── Card.ts
│ ├── pages/
│ │ └── home
| | | ├── Home.tsx
│ │ ├── produto
| | | ├── Produto.tsx
│ │ ├── sobre_nos
| | | ├── SobreNos.tsx
│ ├── App.tsx
│ └── index.css
├── index.html
├── tailwind.config.js
├── package.json
├── postcss.config.js
└── vite.config.js
-
Home.tsx: Página principal da aplicação, onde os componentes são organizados e renderizados. -
App.tsx: Componente raiz que define a estrutura e roteamento da aplicação. -
tailwind.config.js: Arquivo de configuração do Tailwind CSS. -
vite.config.js: Configuração do Vite como bundler da aplicação.
- Linguagem: JavaScript (ES6+)
- Framework: React
- Estilização: Tailwind CSS
- Ferramenta de Build: Vite
- Gerenciador de Pacotes: npx
Este projeto foi possível graças às contribuições das seguintes desenvolvedoras:
