DEV Community

Cover image for I launched a Free Drag and Drop Dashboard Builder
Toma Rares
Toma Rares

Posted on

I launched a Free Drag and Drop Dashboard Builder

Hi,

I recently launched the Beta version of Loopple, a Free Drag and Drop Dashboard Builder that aims to help developers to speed up the development process.

Currently, the builder is built using the Argon Dashboard from Creative Tim.

I am now looking for feedback to see what do you think about this project and what would you like me to add in the next versions that can ease your development work.

Thank you!

Top comments (23)

Collapse
 
abhinav1217 profile image
Abhinav Kulshreshtha

You gave a github repo link, But there is no source code on it. License file says it is MIT license.
This creates confusion. If you plan to open-source it, provide source code. If you plan to use repo as an issue tracker + community engagement platform, Update your license and Readme to make it clear.

The App itself looks cool. There are some UI jumping issues ( I am on firefox ) when I drag large item ( Chart Lines with nav). I would have preferred a slightly larger font-size and padding on the navigation (top-right "structure-component-editor" part) for people like me with bad eyesight.

I really liked how easy to use and intuitive it is.

My only complain is Jquery, and outdated bootstrap. But that's me. I know they make things build easier, but I personally hate the unnessary nested-div hell. I hate the bloat that comes with it. I thought you were using css-grid to achieve positioning until I downloaded the file.

Great work. Looking forward to see where you take this ahead.

Collapse
 
rarestoma profile image
Toma Rares

Hi @abhinav1217 !

Thank you for your feedback, this is really helpful.

Referring to the license, just the generated code is MIT Licensed, I am going to make these things clear in the next update.

In the next updates, I will also include other skins that are updated to the latest version of Bootstrap and that will not include jQuery. I also noticed the font-sizing request and I added it to the 'to do' list for the next updates.

Thank you again!

Collapse
 
abhinav1217 profile image
Abhinav Kulshreshtha

I would suggest update readme with " This is a meta repo for issue management and community engagement "

And for the downloadable output file, It should ideally be creative common since you are kinda providing a functional template. But whatever you decide, It would be better to add an html license comment block inside the downloaded file ( along with a copy license file inside archive ). Because average user for your app might not go to github to check for license, They would stumble to your app via search engine, use it and get the final layout for their own work. License information on the repo usually relates to the product itself not stuffed that are linked to your product, or stuff that are generated as an output of your product.

I am sorry if I am pushing for right license practices, I have once got into trouble because of not knowing about these stuffs, and I have worked at small companies that also get into issues once they grow larger. Your app and its concept is good enough to gain traction in long run.

Thread Thread
 
rarestoma profile image
Toma Rares

Hi @abhinav1217 , thank you again for all the information and help you gave me. I already noted to do this in the next update, I will change the downloaded file to a ZIP folder that will include also a LICENSE.md and README.md file.

Collapse
 
jashgopani profile image
Jash Gopani

Hi @rarestoma , your website is showing application error...can you please check that🙃

Collapse
 
rarestoma profile image
Toma Rares

Hi @jashgopani ! Thank you for notifying me, I checked now and I fixed the error!

Collapse
 
navaneethbysani profile image
Navaneeth Bysani

Hi! Great product. Does it generate code too?

Collapse
 
rarestoma profile image
Toma Rares

Hi @navaneethbysani ! Yes, you can also download the file, you will get an 'index.html' file with CDN files. :D

Collapse
 
ronaldohoch profile image
Ronaldo Hoch

Very nice and thank you! xD

Could you write about the drag'n'drop components?

Collapse
 
rarestoma profile image
Toma Rares

Hi @ronaldohoch ,

Can you please give me more details? Do you want to write a post about how the drag'n'drop components work?

Thank you!

Collapse
 
ronaldohoch profile image
Ronaldo Hoch

Hello!

No, i wanted to know how do you write this website, with the line and row aditors, with the drag'n'drop itens and turn this in editable components xD

Collapse
 
rushannotofficial profile image
Rushan S J

Wow, the UI is amazing and simple and the website is great ! 😊😁

Collapse
 
rarestoma profile image
Toma Rares

Hi @darkphantom7750 and thank you for your kind words! Hope this will help you with the development!

Collapse
 
temi0x profile image
Temiloluwa

Awesome project mate

Collapse
 
rarestoma profile image
Toma Rares

Thank you @temiloluwaade !

Collapse
 
mattmarquise profile image
Matthew Marquise

Love this!

Collapse
 
rarestoma profile image
Toma Rares

Thank you @mattmarquise !

Collapse
 
dobal19 profile image
SACHIN DOBAL

Hey Its awesome keep it up, 1 appreciation added.

Collapse
 
rarestoma profile image
Toma Rares

Thank you @dobal19!

Collapse
 
kavunkaua profile image
kavunkaua

Nice design :)

Collapse
 
rarestoma profile image
Toma Rares

Hi @kavunkaua , thank you!

Collapse
 
tomibudis profile image
Tomi budi

Great product! easy to use and the styles looks good

Collapse
 
rarestoma profile image
Toma Rares

Hi @tomibudis and thank you for your appreciation! Please let me know if you have any feedback!