Organo projeto React App
Organo projeto React App
Este projeto foi inicializado com Create React App. E faz parte de um treinamento da Alura React: desenvolvendo com JavaScript. O desafio foi criar este projeto usando o Tailwindcss
| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | Organo projeto React App |
| 🏷️ Tecnologias | nodejs, javascript, html5, css3, reactjs, prettier, tailwindcss |
| 🚀 URL | https://organo-livio-alvarenga.vercel.app/ |
| 🔥 Desafio | - |
Tecnologias - Desafios - Funcionamento - Contato
💾 Tecnologias utilizadas
🎯 Desafios
Adicionar Tailwindcss com objetivo de estilizar nossos componentes diretamente nas classNames eliminando a necessidade de arquivos.css de componentes.
1. Instalei Tailwindcss ao projeto;
2. Criei a paleta de cores no tailwind.config.js;
3. Adicionei na dependência de desenvolvimento prettier e prettier-plugin-tailwindcss para formatar de forma padronizada as tailwind class em classNames.
Modificar comportamento padrão da seta do formulário no campo Time.
1. Adicionei inline uma seta em SVG a direita;
2. Modifiquei a cor da seta;
3. Adicionei uma animação bounce ao passar o mouse no campo Time.
⚠️ Funcionamento
✉️ Contato
Olá, eu sou Livio Alvarenga, Engenheiro de Produção | Dev Back-end e Front-end. Sou aficcionado por tecnologia, programação, processos e planejamento. Uni todas essas paixões em uma só profissão. Dúvidas, sugestões e críticas são super bem vindas. Seguem meus contatos.
🚫 License
Este projeto é MIT licensed.