Hidroeng Infraestrutura

Site institucional da Hidroeng desenvolvido com React + Vite, com páginas de:

• Início
• Empresa
• Empreendimentos (com detalhes por rota)
• Depoimentos (com envio e avaliação por estrelas)
• Contato

Acesso ao projeto

• Site em produção: https://hidroeng.vercel.app/

Tecnologias

• React
• Vite
• React Router DOM
• Tailwind CSS
• React Icons

Como rodar localmente

1. Instale as dependências:

npm install

2. Inicie o projeto:

npm run dev

3. Acesse no navegador:

http://localhost:5173

Depoimentos e banco de dados (Neon + Prisma)

Os depoimentos são persistidos no PostgreSQL (Neon) via Prisma:

• Schema: prisma/schema.prisma
• API: api/testimonials (GET/POST) e api/testimonials/[id] (DELETE admin)
• Cliente frontend: src/services/testimonialsApi.js
• Seed inicial: npm run db:seed

Variáveis de ambiente

Copie .env.example para .env e configure:

• DATABASE_URL — connection string do Neon (com pooler na Vercel)
• VITE_ADMIN_USERNAME / VITE_ADMIN_PASSWORD — login do painel admin
• ADMIN_USERNAME / ADMIN_PASSWORD — mesmas credenciais para autorizar exclusão na API

Na Vercel, cadastre as mesmas variáveis em Project Settings → Environment Variables.

Banco local / primeira vez

npm run db:migrate
npm run db:seed

Desenvolvimento local

Um único comando sobe o site e a API:

npm run dev

• Site: http://localhost:5252
• API: http://127.0.0.1:3000 (proxy automático em /api)

Deploy na Vercel

Configuração padrão:

• Build Command: npm run build
• Output Directory: dist

Para evitar erro 404 em rotas do React Router, este projeto usa vercel.json com rewrite SPA.

Scripts disponíveis

• npm run dev - ambiente de desenvolvimento
• npm run build - build de produção
• npm run preview - preview local do build
• npm run lint - validação de lint