Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/andreriffen/daisy-vue

(Vue 3 🔰, Vite JS⚡, Tailwind CSS 🌬️, Daisy Ui🌼) Prototype boilerplate
https://github.com/andreriffen/daisy-vue

daisy-ui daisyui tailwindcss vue vue3

Last synced: about 1 month ago
JSON representation

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

Awesome Lists containing this project

README 

        
# Vue-Daisy Project



![https://github.com/andreriffen/daisy-vue/blob/dd8affe9c5634e9aebc9cf215b5d992c5c26f913/assets/preview.jpg](https://github.com/andreriffen/daisy-vue/blob/dd8affe9c5634e9aebc9cf215b5d992c5c26f913/assets/preview.jpg)



## 🕹️ [Demonstração (GitHub Pages) »](https://andreriffen.github.io/daisy-vue/)



Você pode conferir o projeto **Vue-Daisy** em ação [**clicando aqui »»**](https://andreriffen.github.io/daisy-vue/)



- 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



- 2024 ©️ **Andre Riffen** - [Perfil GitHub](https://github.com/andreriffen)



### 📜 Licença



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



---