Clone Login Airbnb

🧭 Navegação Rápida

• 📝 Sobre
• 🚀 UI e Deploy
• 🧩 Principais Dependências
• ▶️ Como Configurar o Projeto no VS Code
• 🤝 Contribuição

---

📝 Sobre

Após concluir o curso Tailwind CSS do Básico ao Avançado + Projetos, da Comunidade Hora de Codar, em um dos projetos — que consistia na criação da página de login do Facebook — me desafiei a desenvolver um projeto semelhante, porém mais complexo, a fim de exercitar e aplicar diversas funcionalidades do Tailwind CSS 4.

---

🚀 UI e Deploy

→ Ver Projeto On-line 🔗

---

🧩 Principais Dependências

Este projeto foi construído com foco em produtividade, responsividade e boas práticas de estilização. As principais dependências utilizadas são:

• Tailwind CLI – Para geração do CSS final a partir dos templates.
• PostCSS e Autoprefixer – Utilizados no processo de build dos estilos.
• Iconify para Tailwind – Para integração de ícones SVG com classes do Tailwind.
• Prettier com prettier-plugin-tailwindcss – Padronização e ordenação automática das classes CSS.

Para a lista completa de dependências e versões, consulte o arquivo package.json.

---

▶️ Como Configurar o Projeto no VS Code:

📌 Pré-requisitos

Antes de prosseguir com a configuração, certifique-se de ter todos os pré-requisitos instalados corretamente para evitar erros durante a instalação e execução do projeto:

Git 2.4+ Node.js 12+ Live Server Tailwind CSS IntelliSense Prettier

⚙️ Configurando o Projeto

1. Clone este repositório: Abra o VS Code, pressione Ctrl + Shift + P, digite "Git Clone" e cole o link do repositório:

https://github.com/domfabio/Clone-Login-Airbnb-Tw-CSS.git

2. Instalar Dependências:

npm install

3. Inicie o servidor de desenvolvimento:

npm run dev

4. Rodar o Projeto Usando a extensão Live Server:
   Clique com o botão direito no index.html e selecione "Open with Live Server".

---

🤝 Contribuição

Se deseja contribuir, siga os passos:

1. Fork o repositório
2. Crie uma branch: git checkout -b feature-minha-feature
3. Faça commit das suas mudanças: git commit -m 'Minha nova funcionalidade'
4. Faça push para a branch: git push origin feature-minha-feature
5. Abra um Pull Request

---

Este projeto é distribuído sob a Open Source License - MIT.
Veja a documentação para mais detalhes.

⚠️ Aviso
Este projeto é fictício e desenvolvido apenas para fins educacionais.
Nenhum dado é coletado. Não possui qualquer afiliação com a marca Airbnb.