https://github.com/natcurti/alura-newsletter-tailwind-react
Projeto realizado no curso React com TailwindCSS
https://github.com/natcurti/alura-newsletter-tailwind-react
react tailwindcss
Last synced: 3 months ago
JSON representation
Projeto realizado no curso React com TailwindCSS
- Host: GitHub
- URL: https://github.com/natcurti/alura-newsletter-tailwind-react
- Owner: natcurti
- Created: 2024-03-17T13:32:50.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-17T16:49:57.000Z (about 1 year ago)
- Last Synced: 2025-01-25T09:27:41.188Z (4 months ago)
- Topics: react, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 112 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📄 Alura NewsLetter
Um projeto simples, apenas com um formulário de entrada e a listagem de alguns artigos da Alura. O intuito deste projeto foi trabalhar a integração do React com o TailwindCSS.
## 💻 Tecnologias utilizadas
Para construção desse projeto foram utilizados:
- React
- TailwindCSS
## 🚀 Instalação
Após clonar o projeto, acesse o diretório e digite o comando abaixo para instalar as dependências necessárias:
```
npm install
```
Depois você pode rodar a aplicação com o comando:
```
npm run dev
```
## 📕 Aprendizados
Com este projeto foi possível aprender como configurar o Tailwind num projeto React + Vite e como utilizar suas classes utilitárias para estilizar nossos componentes. Ajustamos cores personalizadas, fizemos a alternância entre o tema Dark e Light, e aprendemos como estilizar as pseudo-classes e pseudo-elementos css através do Tailwind.
Também nos aprofundamos nas camadas do Tailwind, aprendendo a definir estilos na camada de base e na camada de componentes, de forma a possibilitar a reutilização de código CSS em diversos componentes.
No final fizemos a otimização para a produção.