Alura Newsletter
🇺🇸 English (apenas no GitHub) |
🇧🇷 Português |
Alura Newsletter
Uma newsletter construída com o poder do tailwind, singelamente animada e construída com o conceito de mobile first.
🔨 Recursos do projeto
Alura Newsletter é uma aplicação de projeto de newslettter, com a finalidade principal de conhecer o potencial de tailwind. Uma newsletter serve para manter as pessoas informadas e engajadas com conteúdos relevantes. Ela pode ser utilizada para compartilhar atualizações sobre produtos, notícias, dicas, eventos, promoções e outros conteúdos relacionados ao interesse do público-alvo. Para aplicação do design do projetot, foi utilizado o tailwind CSS, dito uma estrutura CSS de primeiro uso para a criação rápida de sites modernos sem sair do HTML.
⚙️ Técnicas e tecnologias usadas
Confira essa lista de tudo que vamos usar nesse app:
HTML
CSS
Tailwind
GitHub
Vercel
🛠️ Abra e execute o projeto
Para abrir e executar o projeto, adicione a extensão Live Server, clique no botão Go Live
geralmente localizado no canto inferior direito se você estiver usando o vscode.
Em seguida, vá para http://127.0.0.1:5500/ em seu navegador.
📚 Mais informações do tutorial
Alura Newsletter é um protótipo de uma aplicação de newsletter, desenvolvido a partir do curso de Tailwind CSS: estilizando a sua página com classes utilitárias. Fazendo esse curso de fui capaz de:
- Construir um projeto utilizando Tailwind CSS
- Identificar quais as principais diferenças entre o Bootstrap e o Tailwind CSS
- Implementar customizações no projeto com o tailwind.config
- Modificar o alinhamento e posicionamento dos elementos
- Experimentar estilizar elementos com o uso das classes utilitárias
- Produzir uma animação do zero para a Alura Newsletter
🪧 Vitrine.Dev | |
---|---|
✨ Nome | Alura Newsletter |
🏷️ Tecnologias | HTML, CSS,Redux, Tailwind, GitHub, Vercel (tecnologias utilizadas) |
🚀 URL | https://tailwind-alura-newsletter.vercel.app/ |
🔥 Desafio | https://cursos.alura.com.br/course/tailwind-css-estilizando-pagina-classes-utilitarias |