https://github.com/megave/tailwind-learning-projects

Projects developed during the course "Tailwind CSS From Scratch | Learn By Building Projects" from Udemy | Projetos desenvolvidos durante o Curso "Tailwind CSS From Scratch | Learn By Building Projects" da Udemy
https://github.com/megave/tailwind-learning-projects

html-css tailwindcss udemy-course

Last synced: about 1 month ago
JSON representation

Projects developed during the course "Tailwind CSS From Scratch | Learn By Building Projects" from Udemy | Projetos desenvolvidos durante o Curso "Tailwind CSS From Scratch | Learn By Building Projects" da Udemy

• Host: GitHub
• URL: https://github.com/megave/tailwind-learning-projects
• Owner: megaVE
• License: mit
• Created: 2024-06-03T11:22:50.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-06-03T18:28:52.000Z (about 1 year ago)
• Last Synced: 2025-10-04T11:48:27.289Z (9 months ago)
• Topics: html-css, tailwindcss, udemy-course
• Language: CSS
• Homepage: https://www.udemy.com/course/tailwind-from-scratch/
• Size: 14.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Tailwind CSS Learning Project (Projetos de Aprendizado de Tailwind CSS)

EN: Projects developed during the course "Tailwind CSS From Scratch | Learn By Building Projects" from Udemy

PT: Projetos desenvolvidos durante o Curso "Tailwind CSS From Scratch | Learn By Building Projects" da Udemy 

## 0 - Miniprojects (Miniprojetos)

### 0.1 - Email Subscribe Card (Cartão de Inscrição de Email)

![Screenshot from 2025-06-03 15-03-26](https://github.com/user-attachments/assets/e50e6583-b37e-49d1-a0e1-29337f12f197)

### 0.2 - Pricing Card (Cartão de Preço)

![Screenshot from 2025-06-03 15-04-04](https://github.com/user-attachments/assets/b47752bb-3425-4111-bf84-a73ac7038da2)

### 0.3 - Product Modal (Modal de Produto)

![Screenshot from 2025-06-03 15-04-35](https://github.com/user-attachments/assets/34bd37c4-d675-45ef-8daf-f65b40b76b43)

### 0.4 - Image Gallery (Galeria de Imagem)

![Screenshot from 2025-06-03 15-05-05](https://github.com/user-attachments/assets/cfb741ab-0536-4d85-a0f0-473246d4147a)

### 0.5 - Login Modal (Modal de Login)

![Screenshot from 2025-06-03 15-06-26](https://github.com/user-attachments/assets/709f5aa9-474e-4da9-b268-e290aca160bc)

## 1 - Clipboard

Landing page for a website dedicated to make a history from the content copied individually by each user.

(Página principal para um site dedicado a criar um histórico de todo o conteúdo que seu usuário individualmente copia.)

![Screenshot from 2025-06-03 15-12-32](https://github.com/user-attachments/assets/5485288b-911a-4ae4-a59b-8b1686958fa8)

![Screenshot from 2025-06-03 15-12-50](https://github.com/user-attachments/assets/cc33fc8c-2df2-421c-89b9-c74f7fc21639)

## 2 - Loopstudios

Advertisement Landing Page for a company dedicated to VR content creation.

(Página principal de divulgação para uma empresa dedicada na criação de conteúdo de Relidade Virtual.)

![Screenshot from 2025-06-03 15-22-31](https://github.com/user-attachments/assets/0b9ed9f8-ebd8-42c3-bfc8-aaff86f0e97f)

![Screenshot from 2025-06-03 15-22-49](https://github.com/user-attachments/assets/7fda59f7-e9c7-447d-8292-a2e91f99e79d)

## 3 - Shortly

Landing Page for a ficticious SaaS, responsible for shortening URLs.

(Página principal para um serviço de software fictício, o qual é responsável por encurtar links de seus usuários.)

![Screenshot from 2025-06-03 15-25-07](https://github.com/user-attachments/assets/c5eab582-9bec-454f-bd2b-c993f5bac456)

![Screenshot from 2025-06-03 15-25-23](https://github.com/user-attachments/assets/3f506afd-9873-4fbb-8952-2d9410d81b77)

## 4 - Testimonial

Webpage dedicated to showcase testimonies and ratings from Graduated Students.

(Página dedicada a exibir testemunhos e avaliações de estudantes graduados.)

![Screenshot from 2025-06-03 15-26-18](https://github.com/user-attachments/assets/5cded027-a0d4-40c1-b511-4f67381927e7)

## 5 - Fylo

Landing Page for a ficticious SaaS, responsible for File Store on Cloud.

(Página principal para um serviço de software fictício, o qual é responsável por guardar arquivos em nuvem.)

![Screenshot from 2025-06-03 15-26-49](https://github.com/user-attachments/assets/d0a8581d-b6dc-43d1-bc8b-2b87e4d05174)

![Screenshot from 2025-06-03 15-27-10](https://github.com/user-attachments/assets/f256af4c-cba5-4c71-99bd-9a8336063e68)

![Screenshot from 2025-06-03 15-27-24](https://github.com/user-attachments/assets/af424b0f-0945-490b-9cbd-9262aee8cad2)

## 6 - Bookmark

Landing Page for a ficticious SaaS, responsible for storing User Bookmarks across multiple devices.

(Página principal para um serviço de software fictício, o qual é reponsável por armazenar marca-páginas de usuário por entre multiplos dispositivos.)

![Screenshot from 2025-06-03 15-27-55](https://github.com/user-attachments/assets/38631494-9ee4-4689-9592-c1c8ad399244)

![Screenshot from 2025-06-03 15-28-12](https://github.com/user-attachments/assets/1db2a960-4891-4d92-b558-33d9cc557a1a)