💰 VCA Investment - Vera Cruz Assets

www.vcainvest.com

Este projeto é uma aplicação web desenvolvida para o segmento de investimentos financeiros. O site foi construído utilizando tecnologias modernas de desenvolvimento front-end, com foco em oferecer uma experiência de usuário intuitiva e responsiva.

A aplicação apresenta uma arquitetura robusta baseada em Next.js, incorporando autenticação segura via Clerk e componentes de interface reutilizáveis com Shadcn/ui. O sistema permite que usuários visualizem informações sobre serviços financeiros, acessem um dashboard personalizado após autenticação e utilizem ferramentas como simuladores e calculadoras financeiras.

O projeto foi estruturado seguindo boas práticas de desenvolvimento, incluindo tipagem estática com TypeScript, gerenciamento de estado com React Query e validação de dados com Zod, resultando em um código mais seguro e de fácil manutenção.

🖥️ Como rodar este projeto 🖥️

Requisitos:

Node.js instalado
pnpm instalado

Execução:

Clone este repositório:

git clone https://github.com/claudio-lins/vca-invest-web_clerk

Acesse o diretório do projeto:
```
cd vca-invest-web_clerk
```
Instale as dependências:
```
pnpm install
```
Configure as variáveis de ambiente:

Será necessário criar um arquivo .env com as mesmas variáveis de ambiente listadas no arquivo .env.example na pasta raiz da aplicação e preencher esse arquivo com as variáveis de ambiente correspondentes.
Inicie o servidor (Next.js):
```
pnpm dev
```
Acesse o projeto em http://localhost:3000.

🗒️ Features técnicas implementadas 🗒️

Sistema de autenticação completo usando Clerk
Dashboard interativo com métricas e visualizações de dados
Formulários avançados com validação usando React Hook Form e Zod
Layout responsivo implementado com Tailwind CSS
Componentes de UI reutilizáveis baseados em Shadcn
Rotas protegidas com middleware de autenticação
Carrossel de conteúdo implementado com componentes personalizados
Otimização de performance com React Query para gerenciamento de cache
Interface adaptativa para diferentes dispositivos
SEO otimizado para melhor indexação por motores de busca

💻 Tecnologias utilizadas 💻

Next.js: Framework React com renderização híbrida (SSR/SSG)
TypeScript: Tipagem estática para desenvolvimento mais seguro
React: Biblioteca para construção de interfaces de usuário
Tailwind CSS: Framework CSS utilitário para estilização rápida
Shadcn/ui: Componentes reutilizáveis e acessíveis
Clerk: Sistema de autenticação seguro e completo
React Hook Form: Gerenciamento de formulários avançado
Zod: Validação de esquemas TypeScript
Lucide React: Ícones simples e consistentes
React Query: Gerenciamento de estado e cache de dados

VCA Invest