Skip to content

(Vue 3 🔰, Vite JS⚡, Tawilwind CSS 🌬️, Daisy Ui🌼) Prototype boilerplate

Notifications You must be signed in to change notification settings

andreriffen/daisy-vue

Repository files navigation

Vue-Daisy Project

https://github.com/andreriffen/daisy-vue/blob/dd8affe9c5634e9aebc9cf215b5d992c5c26f913/assets/preview.jpg

Você pode conferir o projeto Vue-Daisy em ação clicando aqui »»

  • Descrição Geral
  • Sobre o funcionamento
  • Tecnologias Utilizadas
  • Observações
  • Mapa de Diretórios
  • Autor
  • Licença

README.md

Bem-vindo ao repositório do projeto Vue-Daisy. Este é um protótipo front-end que utiliza Vue.js com DaisyUI, Vite e outras tecnologias para criar interfaces atraentes e funcionais.

ℹ️ Descrição Geral

O projeto Vue-Daisy é um exemplo de aplicativo web desenvolvido com tecnologias modernas como Vue.js, DaisyUI e Vite. Ele demonstra a construção de uma interface interativa e responsiva, explorando as melhores práticas de desenvolvimento front-end.

⚙️ Sobre o funcionamento

A aplicação utiliza o Vue JS construído com Vite⚡ para criar componentes dinâmicos e reativos. A integração com DaisyUI + Tailwind CSS adiciona estilos elegantes e prontos para uso. O Vite é empregado para um desenvolvimento rápido e eficiente.

👨‍💻 Tecnologias Utilizadas

  • Vue JS 3: Criação de componentes interativos.
  • Vite 4: Desenvolvimento rápido e configuração simplificada.
  • Daisy UI: Adição de estilos modernos e responsivos.
  • Tailwind CSS: Biblioteca de folhas de estilo em cascata aplicada diretamente nas tags de marcação.

💬 Observações

Este projeto foi criado com fins educativos e para aprimorar habilidades em desenvolvimento web. Sinta-se à vontade para explorar o código e entender como as diferentes tecnologias foram integradas.

No entanto, é apenas um protótipo e não tem destino certo ainda. Estou buscando melhores abordagens e objetivos mais apropriados para esse experimento.

  • 🙋‍♂️ Se você está analisando este projeto, espero que aprecie o esforço que foi colocado na criação deste README e na implementação das tecnologias!

🗺️ Mapa de Diretórios

Contexto é sempre muito bom. Então para isso eu fiz uma pequeno mapa em .lua

\\$filename:\\'map.lua'\\

🗂️ vue-daisy(main)
├── 📁 .github
├── 📂 assets
│   ├── 🖼️ eu2.jpg
│   ├── 🖼️ favicon.ico
│   ├── 🌆 hero-bg.fw.png
│   ├── 🌅 hero-bg.jpg
├── 📁 components
│   ├── 🔰 App.vue
│   ├── 🔰 Footer.vue
│   ├── 🔰 Main.vue
│   ├── 🔰 Navbar.vue
├── 📂 node_modules
├── 📁 src
│   ├── 📑 app.css
│   ├── 📃 main.js
├── 🚫 .gitignore
├── 🌐 index.html
├── 🗺️ map.mmd
├── 🔐 package-lock.json
├── 💼 package.json
├── 💾 postcss.config.js
├── 📄 README.md
├── 💾 tailwind.config.js
└── 💾 vite.config.js
  • Um mapa relacional, escrito em mermaid (mmd), também está disponível para consulta para futuros fins de automação, ou uma possível indexação a outros sistemas.

      🗺️../map.mmd
    

☕ Autor

📜 Licença

Este projeto está licenciado sob a Licença MIT. Sinta-se à vontade para copiar, modificar e utilizar conforme necessário.