🛠️ The Best Tricks of Front-End 🎨

Bem-vindo(a) ao meu repositório de tutoriais e exemplos práticos para facilitar a vida no dia a dia do desenvolvimento front-end! 🚀

📖 Sobre o Projeto

Criei esta aplicação para organizar e manter à mão aqueles pequenos detalhes que, na hora de criar algo, a gente nunca lembra. 😅
Para evitar a dor de cabeça de buscar em um monte de anotações ou ficar preso na documentação específica, resolvi montar o meu próprio "Guia dos Melhores Truques do Front-End". 💡

Aqui, você encontrará exemplos práticos e bem explicados das tecnologias que venho utilizando recentemente:

• 📚 Tailwind CSS
• ⚡ Vite
• 🔷 TypeScript

📚 Bibliotecas Legais

Utilizei nesse projeto uma biblioteca de icones chamada

• Tabler Icons

🚀 Por que criei este projeto?

✨ Deixar claro os truques e macetes que uso no trabalho.
✨ Ter exemplos rápidos para consultar sem perder tempo.
✨ Consolidar o aprendizado das ferramentas que utilizo.

Espero que este repositório não seja útil apenas para mim, mas que também possa inspirar outros devs que passam pelos mesmos desafios. 🙌

🛠️ Tecnologias Utilizadas

• 💻 Vite: Ambiente de desenvolvimento ultrarrápido.
• 🎨 Tailwind CSS: Estilização utilitária e moderna.
• 🔷 TypeScript: JavaScript com superpoderes.

🧩 Como rodar o projeto?

1. Clone o repositório:

   git clone https://github.com/seu-usuario/seu-repositorio.git
   

2. Acesse o diretório do projeto:

   cd seu-repositorio
   

3. Instale as dependências:

   npm install
   

4. Inicie o servidor de desenvolvimento:

   npm run dev
   

5. Acesse no navegador: http://localhost:5173

🎉 Bora criar!

Este é só o começo. A cada nova descoberta ou aprendizado, este repositório crescerá com mais exemplos e tutoriais úteis. 📝 Se tiver ideias ou sugestões, sinta-se à vontade para contribuir! 😄