/rh-consultoria

Site simples para uma empresa de RH, os dados são lidos de um json para facilitar manutenção e separar bem as responsabilidades.

Primary LanguageTypeScript

Escolha seu idioma | Choose your language

pt-br en



Logo

RH Consultoria

Página criada para uma empresa de RH

Ver online


Índice
  1. Sobre o projeto
  2. Utilização
  3. Contato



Sobre o projeto

gif do projeto no desktop



Este é um site para uma empresa de Recursos Humanos (RH), projetado com foco na eficiência e facilidade de manutenção. A estrutura do site foi desenvolvida para garantir uma separação clara das responsabilidades, o que melhora a organização do código e facilita futuras atualizações.

Os dados dinâmicos do site, como informações sobre serviços são armazenados em um arquivo .json. Esse método de armazenamento permite uma atualização mais simples e rápida das informações exibidas no site, sem a necessidade de modificar o código-fonte. Isso é particularmente útil para empresas de RH, onde os dados podem mudar com frequência, como atualizações na empresa de equipe ou serviços adicionais.


gif do projeto no celular

(voltar ao topo)

Feito com

Next.js Tailwind CSS Typescript

(voltar ao topo)

Notas de destaque

Site profissional contendo:

  • Uso do Nextjs para uso do react e rotas dinâmicas
  • Json editável para centralizar informações
  • Componentes e responsabilidades bem separados
  • Layout 100% responsivo

(voltar ao topo)

Desafios e aprendizados

⚛️ Nextjs: Foi um desafio aplicar o dinamismo da rota ao metadata da página para modificar o título de forma eficaz. No entanto, após muita insistência e ajustes, foi possível implementar essa funcionalidade com sucesso. Esse esforço não só melhorou a navegabilidade e a personalização do site, mas também garantiu que cada página refletisse com precisão seu conteúdo específico, proporcionando uma melhor experiência ao usuário.

📱 Layout responsivo: Uma abordagem fundamental para garantir que o conteúdo da página seja apresentado de forma eficaz e atraente em uma ampla gama de dispositivos, desde smartphones e tablets até laptops e monitores de alta resolução.

(voltar ao topo)

Utilização

Após clonar, baixar ou fazer um fork, utilize o comando abaixo para instalar as dependências do projeto:

npm install

Depois

npm run dev

Esse projeto te permite:

  • Acessar as páginas do site e seus serviços
  • Editar completamente os textos do site mudando algumas linhas do .json
  • Entrar em contato comigo!

(voltar ao topo)

Contato

💌 Para me mandar uma mensagem basta usar um dos botões abaixo!

(voltar ao topo)