Fluence Marista

Um projeto React TypeScript apresentando uma galeria imobiliária bonita e responsiva com componentes de UI modernos.

Recursos

• Design moderno e responsivo
• Construído com React e TypeScript
• Componentes de UI de shadcn/ui
• Tailwind CSS para estilização
• Notificações de toast
• Visualização de galeria em modal
• Animações e transições suaves

Tecnologias

• React 18
• TypeScript
• Vite
• Tailwind CSS
• Componentes shadcn/ui
• React Router DOM
• React Query
• Sonner (notificações de toast)

Começando

Pré-requisitos

• Node.js 16+
• npm ou yarn

Instalação

# Clone o repositório
git clone https://github.com/seuusuario/fluent-modal-gallery.git

# Entre no diretório do projeto
cd fluent-modal-gallery

# Instale as dependências
npm install
# ou
yarn install

# Inicie o servidor de desenvolvimento
npm run dev
# ou
yarn dev

A aplicação começará a rodar em http://localhost:8080

Estrutura do Projeto

src/
    ├── components/
    │   ├── ui/          # Componentes shadcn/ui
    │   ├── Footer.tsx
    │   ├── ContactForm.tsx
    │   └── ImageGallery.tsx
    ├── hooks/           # Hooks React personalizados
    ├── lib/             # Utilitários e configurações
    ├── pages/           # Componentes de rota
    └── App.tsx          # Componente principal da aplicação

Scripts

• npm run dev - Iniciar servidor de desenvolvimento
• npm run build - Construir para produção
• npm run preview - Visualizar build de produção
• npm run lint - Executar ESLint

Contribuindo

Contribuições são bem-vindas! Sinta-se à vontade para enviar um Pull Request.

Licença

Este projeto é licenciado sob a Licença MIT - veja o arquivo LICENSE para mais detalhes.