DEV Community: Yash Datir

I finally published a side project I wrote 4 years ago

Yash Datir — Wed, 25 Mar 2026 18:36:44 +0000

In 2021, I was building a Node.js CLI tool and got frustrated with how bare console.log looks when you're trying to give users meaningful output. So I wrote a small utility class — some ANSI escape codes, a colored log wrapper, a basic spinner. Enough to get the job done.

I used it across a couple of projects. It lived in a local utils/ folder, copy-pasted from repo to repo. I kept telling myself I'd clean it up and put it on npm. That was four years ago.

What took so long

Honestly? Nothing dramatic. Life, other projects, the usual inertia. The code worked well enough that I never had to revisit it, so I never did. There was also a part of me that felt like it was too small to bother publishing. Who needs another npm package?

But I kept using it. And every time I copy-pasted it into a new project, I thought — I really should just put this on npm.

So I finally did.

What's in it

budgie-console is a lightweight, zero-dependency Node.js console utility. Here's what it covers:

Colored and styled output

const Console = require('budgie-console');

Console.log(Console.FgGreen, 'Build complete');
Console.log(Console.Bright + Console.FgRed, 'Critical error');

Semantic log levels

Console.success('Server started');
Console.error('Connection failed');
Console.warn('Rate limit approaching');
Console.info('Running Node ' + process.version);

Spinner

let running = true;
Console.spinner(['⠋','⠙','⠹','⠸','⠼','⠴','⠦','⠧','⠇','⠏'], 'Loading...', 80, () => running);
setTimeout(() => { running = false; }, 3000);

Progress bar

let i = 0;
const iv = setInterval(() => {
  Console.progress(i, 50);
  if (++i > 50) clearInterval(iv);
}, 40);

Table

Console.table(
  [['Alice', 28, 'Engineer'], ['Bob', 34, 'Designer']],
  ['Name', 'Age', 'Role']
);

Box, divider, prompt, clear — all in there too.

What I cleaned up

The original code had a bug I'd never noticed until I sat down to review it properly. The spinner method used a regular function inside setInterval, which meant this wasn't bound correctly — it was referencing the wrong context for this.Reset. It worked most of the time because the fallback was just an empty string, but it was wrong. Switching to an arrow function fixed it.

I also rewrote the default spinner frames from ['-', '+'] to a proper braille animation, tightened up the formatting, and added the new methods that were missing from the original.

Install

npm install budgie-console

It's a small package. If you write Node scripts or CLI tools and want cleaner output without pulling in a heavy dependency, it might be useful.

And if you have something sitting in a local utils/ folder that you've been meaning to publish — maybe this is the nudge.

Building a Personalized Chatbot with a 3D Twist: A Developer's Journey

Yash Datir — Wed, 17 Apr 2024 06:38:11 +0000

Have you ever wanted to create your own personalized chatbot that not only mimics your responses but also showcases your personality with a 3D model? In this article, I'll guide you through the exciting process of building a chatbot that reflects your unique style, complete with a virtual representation of yourself.

Getting Started with Chatbots
Chatbots have become an integral part of modern applications, providing instant responses and personalized interactions. Building one from scratch involves understanding natural language processing (NLP) techniques and integrating them with a conversational interface.

Mimicking Responses
To mimic responses like mine, you'll need to harness the power of machine learning models, such as OpenAI's GPT-3.5. These models can generate human-like text based on input prompts, enabling your chatbot to emulate your style and tone.

Integrating a 3D Model
What sets this project apart is the integration of a 3D model. By leveraging tools like Three.js or Unity, you can create a virtual representation of yourself that accompanies the chatbot. This adds a visually engaging element to your application, enhancing the user experience.

Technical Implementation
The technical implementation involves several key steps:

Chatbot Development: Use Python and libraries like transformers to interface with language models for generating responses.

Web Interface: Develop a web-based frontend using HTML, CSS, and JavaScript to host your chatbot and 3D model.

3D Modeling: Create or commission a 3D model of yourself. Rig and animate it using Blender or similar software.

Integration: Use WebGL (with Three.js) or game engines like Unity or Unreal Engine to embed the 3D model within the web interface.

Deployment and Hosting
Once your chatbot and 3D model are ready, deploy them on a hosting platform like AWS, Heroku, or GitHub Pages. Ensure seamless integration and responsive design across different devices.

Challenges and Learnings
Building this project might come with challenges, such as optimizing the performance of the 3D model in the browser or fine-tuning the chatbot's responses for accuracy and coherence. However, overcoming these hurdles is part of the learning experience.

Conclusion
Creating a personalized chatbot with a 3D twist opens up exciting possibilities for engaging user interactions. By blending NLP with immersive visuals, you can craft an innovative application that reflects your unique identity.

Are you ready to embark on this journey? Let's dive into the world of chatbots and 3D modeling, and bring your virtual persona to life!

I hope you find this article inspiring and helpful in your quest to build a personalized chatbot enriched with a 3D model. Share your thoughts and experiences in the comments below. Happy coding!

Live

My first Chrome Extension

Yash Datir — Mon, 25 Apr 2022 16:19:07 +0000

It was a hot summer weekend. I planned to do something creative, I decided to make a Chrome extension. Quickly googled down the documentation here. Created a manifest JSON, and linked it with my browser. Wow that was it. It was simple. Just create an HTML file link it to the manifest and that will act like an extension!

Quickly created a TODO app in plain Javascript, and boom, it was working as expected.

To publish it, I followed the instruction, paid to Google Developer for the account, and published it. It took 2 days for review process, but now it was on the web store.

This was one of the successful mini project launched by me.

Yeah, sometimes mini projects give you the kick you want to get inspired and stay motivated. Hope will continue to post updates.

Have made it open source, here is the git repo

Also do add the extension here, also support if you like the work, and to keep me motivated.

OS themed profile

Yash Datir — Sat, 13 Nov 2021 05:53:38 +0000

Hey there, m up with one of my other mini project, making an OS clone for my profile. It has its own UI, CLI, formats etc. I feel this may have endless possibilities for its usage, also may come up with something creative. I would also like if any one can collaborate for the same. Currently it has all the data static, but arrangements have been made to make it dynamic using a backend. So, lets get in touch...

https://yashdatir.github.io/profile-os/

Budgie Console

Yash Datir — Wed, 06 Oct 2021 18:51:48 +0000

Hey guys, Here I am publishing my new package. It has the capability for changing background, foreground and styles of a boring console that we all use. It also has built in function for displaying loaders in console with greater controls. I don't know how much more can we add to it, but yeah- its simple, yet have no limits to creativity.

Please checkout: https://www.npmjs.com/package/budgie-console
Git Repo: https://github.com/yashdatir/budgie-console

Budgie React

Yash Datir — Sat, 25 Sep 2021 11:11:36 +0000

https://www.npmjs.com/package/budgie-react

Hey guys, m creating a new package, Budgie React which is a CLI boilerplate creator for ReactJS. Will appreciate comments, also would like if anyone is ready to collaborate...

Thanks