LESS — Laboratório de Estudos em Saúde e Sociedade

Site institucional do LESS, laboratório do Instituto de Ciências Farmacêuticas da Universidade Federal do Rio de Janeiro, Campus Macaé.

---

🚀 Sobre o Projeto

O LESS integra ensino, pesquisa e extensão para fortalecer a relação entre farmácia, saúde e sociedade. Este site é o ponto de partida de uma presença digital pensada para crescer de forma gradual — com clareza, consistência e potencial de evolução para uma plataforma completa.

💻 Stack Tecnológica

O projeto foi construído utilizando tecnologias modernas para garantir performance e facilidade de manutenção:

• Next.js (App Router)
• TypeScript
• Tailwind CSS
• shadcn/ui para componentes de interface
• Lucide React para ícones

📂 Estrutura de Diretórios

├── app/ # Rotas e Páginas
├── components/ # Componentes UI
├── lib/ # Lógica e Dados (incluindo o hook `useInView`)
├── public/ # Assets estáticos (incluindo less-logo-clean.png)

⚙️ Como Rodar Localmente

Certifique-se de ter o Node.js e um gerenciador de pacotes (npm, pnpm ou yarn) instalados.

1. Clone o repositório:

git clone [https://github.com/seu-usuario/less-site.git](https://github.com/seu-usuario/less-site.git)
cd less-site

2. Instale as dependências:

npm install
# ou
pnpm install

3. Inicie o servidor de desenvolvimento:

npm run dev

4. Acesse o projeto no seu navegador:

http://localhost:3000

✨ Animações

Todos os componentes utilizam um hook customizado useInView no diretório /lib para disparar animações de entrada (opacity + translate-y) conforme o usuário rola a página, proporcionando uma experiência fluida. O hook recebe um threshold que define a porcentagem de visibilidade necessária.

// Exemplo de uso em um componenteimport{useInView}from'@/lib/hooks/useInView';constMyComponent=()=>{const{ ref, isInView }=useInView({threshold: 0.15});return(<divref={ref}className={`transition-all duration-700 ${isInView ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-8'}`}><p>Conteúdoanimado!</p></div>);};

🏛️ Instituição

Universidade Federal do Rio de Janeiro Campus Macaé · Instituto de Ciências Farmacêuticas Coordenação: Prof. Dr. Fernando de Castro Araujo Neto

🤝 Apoio Técnico

Design institucional, desenvolvimento web e planejamento de evolução digital por Kairo Lab.

📄 Licença

Projeto institucional. Todos os direitos reservados ao LESS/UFRJ.