DEV Community 👩‍💻👨‍💻

Jefferson Osagie Iyobosa
Jefferson Osagie Iyobosa

Posted on

Created a handy JavaScript Label creator

So recently a friend requested a label creator like that of the popular CSS framework- Bootstrap, semantic etc. I remembered I had started working on something like that few days ago, this prompted me to finish it up for him and others who might need it.

This post isn't really about the tutorial on how I made it, but just to share my source code and if anyone is interested for tutorial post, I'd gladly great standard one.
See the preview below along with the GitHub repo;

This can be helpful for anyone here. Feel free to use.

Preview: https://jeffersoniyobosa.github.io/JavaScript-Label-tags-creator/

View code: https://github.com/JeffersonIyobosa/JavaScript-Label-tags-creator

Pull: git@github.com:JeffersonIyobosa/JavaScript-Label-tags-creator.git

Redesigned it from scratch, no plugin, just HTML CSS and vanilla JS.

I hope you find it useful. 🙌🏼
Do leave a 🌟 star 😁

Top comments (2)

Collapse
 
joeattardi profile image
Joe Attardi

Cool demo! I recently did a project in vanilla JS as well. It's a lot more code, isn't it? :)

Collapse
 
frontend_io profile image
Jefferson Osagie Iyobosa Author

Thanks Joe. Yea, in Vanilla JS, you'll always have to code everything up from the scratch hence more code. I love the feeling of being the boss of the whole development circle anyway 😄😄😄.

Classic DEV Post from 2020:

js visualized

🚀⚙️ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! 🥳

Happy coding!