Shopping Vila Bella

ReactTypescriptTailwindCSSFramer Motion

Code Live

---

Sobre o projeto

Esta é uma landing page para um shopping center fictício

🚀 Tecnologias Utilizadas

• React - Biblioteca JavaScript para construção de interfaces de usuário
• TypeScript - Superset tipado de JavaScript
• Vite - Ferramenta de build e servidor de desenvolvimento
• Tailwind CSS - Framework CSS utilitário
• Framer Motion - Biblioteca de animações
• Lucide React - Conjunto de ícones
• React Intersection Observer - Hook para detectar elementos na viewport

📋 Pré-requisitos

• Node.js (versão 18 ou superior)
• npm ou yarn

🔧 Instalação

1. Clone o repositório:

git clone https://github.com/nixoletas/site-shopping-villa-bella.git

2. Instale as dependências:

npm install
# ou
yarn install

3. Inicie o servidor de desenvolvimento:

npm run dev
# ou
yarn dev

🛠️ Scripts Disponíveis

• npm run dev - Inicia o servidor de desenvolvimento
• npm run build - Cria a build de produção
• npm run lint - Executa o linter
• npm run preview - Pré-visualiza a build de produção

📁 Estrutura do Projeto

├── src/               # Código fonte
├── public/            # Arquivos estáticos
├── .gitignore         # Arquivos ignorados pelo Git
├── index.html         # Página principal
├── package.json       # Dependências e scripts
├── tsconfig.json      # Configuração do TypeScript
├── vite.config.ts     # Configuração do Vite
├── tailwind.config.js # Configuração do Tailwind CSS
└── postcss.config.js  # Configuração do PostCSS

🤝 Contribuindo

1. Faça um fork do projeto
2. Crie sua branch de feature (git checkout -b feature/AmazingFeature)
3. Faça commit das suas alterações (git commit -m 'Adicione algum AmazingFeature')
4. Faça push para a branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request