DEV Community

Khushiii
Khushiii

Posted on

Web Dev x AI x CLI: Just Me & My Mini Project Vibes🫶🧩(Weekly updates)

Heyyy Techies👋

It’s me, Khushi — A girl in tech who’s just out here learning, building, vibing, and making a little bit of chaos in the terminal 🌸💻.

Sooo this week was so random but so fun — I did a little bit of everything : -
Web Dev x Node.js x Express x HTTP servers x Gemini CLI x AI experiments — I was everywhere.

And guess what? I LOVED it.
That’s the vibe 🌸

🌻 Weekly Sweet Highlights : -

  • Started with Node.js (because JavaScript is my comfort zone now ☕)
  • Built HTTP servers from scratch 🚪
  • Played around with Express.js, middlewares, CORS, and all that backend spice 🔧
  • Connected Frontend to Backend (full-stack girly era unlocked 🛠️)
  • Tried Google’s Gemini CLI (spoiler: it’s kinda cool ngl 🤖)
  • Wrote some sweet lil blogs on the side 📝

🔮 Mini Project of the Week: Yane-AI
Yane (屋根) means roof in Japanese — I picked this because just like a roof gives you a wide, cozy view from the top,
Yane-AI helps you “see” what’s inside an image through AI-powered tagging.

👉 Yane-AI GitHub Repo : - https://github.com/khushikumari239/Yane-AI.git

It’s super simple : -

  • Send an image URL 🖇️
  • AI analyses it 🧠
  • API sends back the tags 📦

🌻Features:

  • Accepts image URLs via POST API
  • Uses Clarifai’s General Image Recognition model
  • Returns a neat list of tags (concepts)
  • Handles errors like a pro 👀
  • Beginner-friendly and super clean to extend

Clarifai site link : - clarifai.com/explore

🌻How to Run : -

git clone https://github.com/khushikumari239/Yane-AI.git
cd Yane-AI
npm install
Enter fullscreen mode Exit fullscreen mode

Add your Clarifai API Key in a .env file : -

CLARIFAI_API_KEY=your_personal_access_token_here
Enter fullscreen mode Exit fullscreen mode

Start the server : -
node index.js

Your server is LIVE at : http://localhost:3000🎉

Image description

🛠️ API Quick Test:

  • Endpoint: POST /analyze
  • Request Body : - 
{ "url": "https://samples.clarifai.com/metro-north.jpg" }
Enter fullscreen mode Exit fullscreen mode

Image description

  • Response :- 
{
  "tags": ["train", "railway", "transportation", "vehicle", "station", "city"]
}
Enter fullscreen mode Exit fullscreen mode

Image description

📦 Other Cool Repos I Touched This Week:
🧵 CLI Tool + Gemini Playground : - https://github.com/khushikumari239/CLI-Node.js.git

⚡ Express App : - A basic Express.js app with signup and signin authentication (https://github.com/khushikumari239/Express-APP.git)

🧩 HTTP-Server : -Building my first HTTP server using Node.js — beginner-friendly and clean. (https://github.com/khushikumari239/HTTP--SERVER.git )

🌱 Wrapping Up My Tech Week : -

This week was so me —
A lil backend, a lil frontend, a lil AI, a lil blog — I’ve been everywhere and honestly? I loved every second.

If you’re building too, or just vibing in your terminal —
Slide into my GitHub 🌼 → https://github.com/khushikumari239

Or scream into the void with me on Twitter → @khushimehappy 🪐

and LinkedIn -> https://www.linkedin.com/in/khushimehappy/ (You can stalk my journey here 👀🫶)

I’ll be back next week with more chaotic, messy, sweet lil mini projects. See ya! 💌

Top comments (4)

Collapse
 
rohan_sharma profile image
Rohan Sharma •

It looks good to me!

Collapse
 
khushimehappy profile image
Khushiii •

Thank You Rohannnn🙌

Collapse
 
nathan_tarbert profile image
Nathan Tarbert •

love your energy, honestly this is extremely impressive the stuff you’re shipping every week makes me want to pick up my own side projects again you think that kind of hands-on building is the best way to get good fast

Collapse
 
khushimehappy profile image
Khushiii •

Yuppp, building by learning is literally my fav vibe right now — it’s chaotic but sooo effective 💻🌸 Thank you Nathan, your words mean a lot!