https://github.com/projeto-clientflow/smartrh

Repositório do Projeto SmartRH, desenvolvido durante o Bootcamp Fullstack Java da Generation Brasil.
https://github.com/projeto-clientflow/smartrh

css generation-brasil html javascript react reactjs tailwindcss vercel vercel-deployment vite

Last synced: 2 months ago
JSON representation

Repositório do Projeto SmartRH, desenvolvido durante o Bootcamp Fullstack Java da Generation Brasil.

Host: GitHub
URL: https://github.com/projeto-clientflow/smartrh
Owner: Projeto-ClientFlow
Created: 2025-04-17T13:56:40.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2025-04-18T01:33:31.000Z (about 1 year ago)
Last Synced: 2026-01-03T16:20:13.082Z (6 months ago)
Topics: css, generation-brasil, html, javascript, react, reactjs, tailwindcss, vercel, vercel-deployment, vite
Language: TypeScript
Homepage: https://smart-rh-hexdevascode.vercel.app/
Size: 544 KB
Stars: 0
Watchers: 0
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Projeto SmartRH
## Sistema de Cadastro de Colaboradores

https://github.com/user-attachments/assets/3db59719-f9c8-4393-9ba8-706c676229ae

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](https://smart-rh-hexdevascode.vercel.app/)**

> Já o back-end deste projeto pode ser encontrado no seguinte link: [smart-rh_java](https://github.com/willaevangelista/smart-rh_java)

******

![React](https://a11ybadges.com/badge?logo=react)
![Tailwind](https://a11ybadges.com/badge?logo=tailwindcss)
![Vite](https://a11ybadges.com/badge?logo=vite)
![JavaScript](https://a11ybadges.com/badge?logo=javascript)
![HTML](https://a11ybadges.com/badge?logo=html5)
![CSS](https://a11ybadges.com/badge?logo=css3)
![CSS](https://a11ybadges.com/badge?logo=vercel)

******

## 📖 Tabela de Conteúdo
- [💡 Conhecimentos Mobilizados](#conhecimentosMobilizados)
- [🏗️ Estrutura do Projeto](#estruturaDoProjeto)
- [📂 Código Desenvolvido](#codigoDesenvolvido)
- [🛠️ Tecnologias Utilizadas](#tecnologiasUtilizadas)
- [🤝 Desenvolvedoras do Projeto](#devas)

---

## 💡 Conhecimentos Mobilizados

- **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.

---

## 🏗️ Estrutura do Projeto

```
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
```

## 📂 Código Desenvolvido

- **`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.

---

## 🛠️ Tecnologias Utilizadas

- **Linguagem**: JavaScript (ES6+)
- **Framework**: React
- **Estilização**: Tailwind CSS
- **Ferramenta de Build**: Vite
- **Gerenciador de Pacotes**: npx

---

## 🤝 Desenvolvedoras do Projeto

Este projeto foi possível graças às contribuições das seguintes desenvolvedoras: