Windmill Dashboard on Nuxt3 + Vue3

This project is not really a fork but a remake on Nuxt3 + Vue3 of this open source project : Windmill Dashboard by estevanmaito

At the very start, I just needed a fully ready free Tailwind dashboard template for another project of mine, but thought to myself that I needed anyway to rework everything into components so I first remade the whole project on Nuxt3, splitting everything into Vue3 components and Nuxt3 pages, put in the necessary logic and middleware to make everything work just like on the original one and decided to share it with whoever would need a Nuxt3 + Tailwind ready to use dashboard.

No auth system is implemented, no data is dynamic, it's all static : either hardcoded or in .js files in src/utils/ for complex data (charts, table, SVG mapping). It's just a plain boilerplate to pick components from ! The business logic of your future app is your part.

🚀 See it live right here

📦 Used packages / dependencies

• Nuxt3 with Vue3 of course
• Nuxt TypeScript
• Tailwind CSS via Nuxt/Tailwind package
• Pinia
• Chart.js via vue-chartjs package
• click-outside-vue3
• just-kebab-case

🧲 Prerequisite

• The latest stable version of Node v18.12.1 to this date
• Your favourite package manager wether it's yarn or npm
• Some basic knowledge of Vue3, Nuxt3 and state management with Pinia (you really not need be an experienced Vue3 developer, I wasn't when I did this project)

📥 Installing and running

• Clone or Fork this repository or download the latest release then open the directory
• npm install
• nuxt dev to start (you might need to run npx nuxt dev if the nuxt script is not recognized by your environment)
• http://localhost:3000 is the default host and port but be mindfull of what the command says, it might not be the same port depending on which ports are used on your envionrment
• When you launch the app in your browser, you land on the login page. As there is no auth system implementend, you just need to click on "Log in" to access the dashboard.

🤝 Contributing

Should you want to contribute to this project or if you have any suggestions to improve and optimize anything in this project, please feel free to Fork it and submit a PR or open an issue ! :)

👨‍💻 Authors

• Samyr Rakoto - Made all the vanilla HTML/JS transformations to Nuxt3

🫶 Thanks

• To Estevan Maito for this awesome Tailwind dashboard
• To Clément Gauthier for his expertise in TS, and for challenging my commits to get the best of TypeScript and Nuxt3 / Vue3