#18 UI do Habit Tracker | Criando Dashboard com Tailwind CSS | Laravel 12
Ya has superado la mitad. Estás muy cerca de completar el curso.
Sobre esta lección
🎨 Criando a UI do Dashboard do Habit Tracker com Tailwind CSS! Nesta aula você vai ver o processo de criar a interface visual do dashboard: lista de hábitos, checkboxes, cards estilizados, navbar e layout responsivo. Link do Repositório: https://github.com/combizera/habit-tracker-ytb Commit da aula: [SEU_COMMIT_HASH] --- 🎨 O QUE FOI CRIADO: ✅ Layout principal com Tailwind ✅ Navbar de navegação ✅ Lista de hábitos estilizada ✅ Checkboxes customizados ✅ Cards com sombras (habit-shadow-lg) ✅ Cores: Laranja (#FFDAAC) e Cinza ✅ Responsivo mobile-first ✅ Flash messages estilizadas --- 🎓 TECNOLOGIAS USADAS: → Tailwind CSS (utility-first) → Blade Components → HTML semântico → Custom CSS classes → Flexbox layout → Responsive design --- 📚 PLAYLIST COMPLETA DO CURSO: https://www.youtube.com/playlist?list=PLD7Cv06_bpM8zzn66ln1oyx89jZSRFIFL --- 💬 GOSTOU DA UI? Deixe seu LIKE 👍 COMENTE sugestões de design INSCREVA-SE no canal 🔔 --- 🔗 AULAS RELACIONADAS: → Aula #17: Route::resource → Aula #19: Grid de Contribuições (UI) → Aula #20: Sistema de Check-in (funcionalidade) --- #Laravel12 #TailwindCSS #UI #Design #Dashboard #Frontend #HabitTracker #Laravel #WebDesign #Laravel2025
Sobre este curso
🚀 Aprenda Laravel 12 do ZERO construindo um PROJETO REAL! O curso mais completo e atualizado de Laravel 12 em português. Você vai aprender criando um Habit Tracker (rastreador de hábitos) profissional do início ao fim. 🎯 O QUE VOCÊ VAI CONSTRUIR: Um sistema completo de rastreamento de hábitos com: - Landing page moderna com Tailwind CSS - Sistema de autenticação feito NA MÃO (sem pacotes) - CRUD completo de hábitos personalizados - Check-in diário com um clique - Grid de visualização estilo GitHub - Dashboard com estatísticas e streaks TECNOLOGIAS USADAS: - Laravel 12 - Tailwind CSS - Blade Templates - Eloquent ORM - Autenticação manual (você vai entender como funciona!) 🎓 O QUE VOCÊ VAI APRENDER: - Rotas, Controllers e Views - Migrations e Models - Blade Templates e Layouts - Sistema de autenticação do zero - Validação e segurança - Middleware e Policies - Eloquent ORM - Boas práticas 🔧 PRÉ-REQUISITOS: - HTML e CSS básico - PHP básico - Vontade de aprender! 💾 CÓDIGO FONTE: GitHub: http://github.com/combizera/habit-tracker-ytb/ 🎁 CURSO 100% GRATUITO! Se este curso te ajudar, deixe seu like, comente e compartilhe! #Laravel #Laravel12 #CursoLaravel #PHP #WebDevelopment #CursoGratuito
Lo que aprenderás en este curso:
- Comprender la arquitectura MVC de Laravel
- Crear modelos, controladores y vistas con Blade
- Implementar migraciones y relaciones en Eloquent ORM
- Gestionar autenticación, middleware y validaciones