DEV Community

Cover image for Open-Source Dashboards

Open-Source Dashboards

Sm0ke on July 23, 2019

Hello Coders, This article presents a curated list with open-source dashboards provided by well-known agencies and open-source enthusiasts. The p...
Collapse
 
kp profile image
KP

Awesome list! Please do one on automation of Vuejs / javascript code.

Collapse
 
sm0ke profile image
Sm0ke

Hello KP,
Can you elaborate, please?

Collapse
 
kp profile image
KP

Hi @sm0ke ! Looking at your profile, you know a thing or two about automation....and I'm wondering if you know enough about automation of Vuejs / javascript code to write an article about that.

Thread Thread
 
sm0ke profile image
Sm0ke

Hello @KP,
Yep, I will. Right now I'm using sort automation for Vue, React apps, but I'm still in the R&D phase. My current work-flow:

  • Use the Html Parser to extract the components
  • Inject Components, layouts in Vue, React boilerplates.
  • Apps are built on a decoupled architecture, where the backend and the frontend are separated.

Anyway, I'm years behind Nuxt, and other tools, but in the end, my automation flow produces apps with usable UI, which is great IMO.

Thread Thread
 
kp profile image
KP

@sm0ke : Nuxt is great but incredibly complex imo. I'm playing with laravel + inertiaJs at the moment, and am loving it. Look forward to seeing what you cook up!

Thread Thread
 
sm0ke profile image
Sm0ke • Edited

AppSeed - App Generator - this product put together my whole R&D work for the last two years.
The hidden fact about it is that I'm using automation to generate apps for different technologies:

  • vue, react
  • full-stack boilerplates
  • jamstack apps
  • bulma css apps

More will come, in the near future because my flow becomes faster. Apps can be used without an account because we all knew that open-source is a sexy thing.

Now I'm looking for options to migrate legacy Bootstrap apps to Bulma CSS & Tailwind. I will provide an open-source tool for this in the next 2mo. The idea is not mine, check out this tool, written in Php. :)

I will code the tool in Python / BS4 with an extension to Tailwind. But this is another R&D jump.

Thread Thread
 
kp profile image
KP

@sm0ke ...great work! Looks like a lot went into this. For some reason I thought automation meant testing (versus automated builder tools). This is pretty cool, too!

Thread Thread
 
sm0ke profile image
Sm0ke

Thank you!

Collapse
 
theme_selection profile image
ThemeSelection • Edited

Awesome list. 🙌
We have just released Vuexy- Angular version.

What's in the angular version?
👉Based on NgBootstrap
👉Angular CLI
👉Role-based JWT Auth
👉API Ready
👉Sketch & Figma files added
👉Internationalization/i18n & RTL Ready and many more.

Collapse
 
sm0ke profile image
Sm0ke

Looks good! Let me know if the product has an open-source version.

Collapse
 
kaushalgautam profile image
Kaushal Gautam

Hi Sm0ke! Great article. I've always been curious as to how Admin dashboards work. Can you do a beginner article on how to use a simple one and it's benifits and such? A primer, if you will. :)

Collapse
 
sm0ke profile image
Sm0ke

Hello @kaushalgautam ,
I will try to add the topic you suggest on my list.
I have some articles related to dashboards topic but are related to Flask. Take a look, and tell me if you find them useful.

Collapse
 
kaushalgautam profile image
Kaushal Gautam

The first link is good. I skimmed through it and I believe there are things I don't know in it. I will check it out. A dashboard primer would still be great though. :)

Collapse
 
geopopos profile image
George Roros

You’re the hero this world needs

Collapse
 
sm0ke profile image
Sm0ke

:)

Collapse
 
liyasthomas profile image
Liyas Thomas

This is gold ✨
Can you do one for Angular too? And not just dashboards.. but also include landing pages etc. 🔥

Collapse
 
marcus-sa profile image
Marcus S. Abildskov

Yeah, people always seem to miss out on Angular.. even though it's widely used

Collapse
 
sm0ke profile image
Sm0ke

Hello Marcus,

Angular is a great library, but I'm writing my articles starting from my own experience and Angular is not on my tech list, unfortunately.

Happy coding :)

Collapse
 
sm0ke profile image
Sm0ke

Noted. Thank you!

Collapse
 
mohdmuzzammil profile image
MohdMuzzammil

Hi,

Nodezap is an internal tool building platform. This can be used to build automations, workflows, UI, integrations and much more.

It has easy interface with collaborative environment where entire team can collaborate to build the workflow and solutions without any technical knowledge. Its easy drag and drop UI and workflow building experience makes it easy for anyone to collaborate within no time.

Collapse
 
vip3rousmango profile image
Al Romano

This is great, thanks!! Always nice to see what others are making in the dashboard space.

Collapse
 
sm0ke profile image
Sm0ke

Yw.

Collapse
 
idrisrampurawala profile image
Idris Rampurawala

Awesome! Request if you can share the same for Angular 7 :)

Collapse
 
razrcallahan profile image
razrcallahan

Hey Sm0ke .. any plans to support Spring framework boilerplate with VueJs?

Collapse
 
sm0ke profile image
Sm0ke

Hello @razrcallahan ,

Thanks for noticing this article. Nope, sorry. Java is too heavy for my toolchain. I'm continuing my R&D to light resources like Flask, Static sites, and small footprint frameworks.

Spring is great but I'm working alone in my startup.
We can chat on my Discord if you want.

See u!

Collapse
 
sm0ke profile image
Sm0ke

Yw. :)