DEV Community

Jefferson Osagie Iyobosa
Jefferson Osagie Iyobosa

Posted on

11 2

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

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 😄😄😄.

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️