DEV Community: Naman Sachdeva

“Not a startup, not a dev team — just me building an AI for emotions.❤️🤖"

Naman Sachdeva — Tue, 28 Oct 2025 12:27:05 +0000

Hey Guys 👋
I’m still learning — not a full-stack expert, not building a huge startup — just someone who likes playing with code and visuals.

I recently made this little tool: you type a mood (like “dreamy ocean”, “sunset hustle”, or “calm coding flow”) and it generates a background gradient and a fresh motivational quote for you. If you’ve got your own server/API key, it can even call an AI backend to make totally custom gradients + quotes.

✅ What it does

If you pick from predefined moods (Happy, Calm, Sad, Energetic), it uses preset gradients + quotes.
If you choose “AI” mode and type your own prompt, the tool will:
1. Send the prompt to a backend endpoint /generate-gradient
2. Receive a custom gradient (2 HEX colours) + a quote from AI
3. Apply the gradient and adjust the text colour automatically so it’s always readable

🛠 Why I built it

I wanted something more than static themes: a tool that feels your mood and paints accordingly. Also, I found learning this colour-contrast logic (checking brightness and adjusting text colour) surprisingly fun.

🧩 Tech bits

Frontend: HTML + CSS + vanilla JS — no big framework.
Backend (optional): Express + Node → endpoint accepts JSON { prompt } and returns { gradient, quote }.
Bonus: client-side checks for URL validity, fallback when server is missing, and smooth background + text transition. 🚀 Try it out

Would love your feedback — is the colour contrast good? Does the quote feel fresh?

Thanks for checking this out — and if you’re building your own little tool too, drop your link below!

💬 Would love to hear your thoughts — drop a comment if you tried it, found a bug, or have an idea to improve it!
—Naman Sachdeva

🧮 Build a Smart Calculator Using HTML, CSS & JavaScript (With Keyboard Support)

Naman Sachdeva — Mon, 27 Oct 2025 16:26:55 +0000

💡 Description

This project is a clean and smart web-based calculator built using HTML, CSS, and JavaScript.
It doesn’t just look good — it behaves intelligently:
no operator spamming, supports negative numbers, and clears errors with one tap.

A perfect project if you’re learning DOM manipulation and JavaScript event handling.

🚀 Features

✅ Perform arithmetic operations → +, -, *, /, %
✅ Handles negative numbers → like -5+4
✅ Blocks invalid sequences like ++, */, etc.
✅ Shows "Error" on invalid inputs (deletes in one Backspace)
✅ Works with both buttons and keyboard
✅ Simple, responsive, and modern UI

🎨 UI Design:
The layout is built with minimal HTML and modern CSS —
a smooth gradient background, soft shadows, and clean button interactions make it feel polished.

You can easily tweak the theme colors or button styles to make it uniquely yours.

👉 Try it now on GitHub Pages

🌱 What You’ll Learn

Handling keyboard events in JS
Preventing invalid user inputs
Real-time DOM updates
Display error management
Clean, responsive UI design

⚙️ Future Plans

🧩 Add Light/Dark mode toggle
🧮 Add Scientific functions (sin, cos, log, etc.)
📜 Add Calculation History
🌐 Connect custom domain (e.g., calculatorbynaman.tech)

💬 Final Thoughts

This isn’t just a calculator — it’s a clean demonstration of writing smart JavaScript logic with a responsive front end.
Try building your own version, or add more features to it!

[Boost]

Naman Sachdeva — Sat, 25 Oct 2025 09:52:55 +0000

🎨 Mood Gradient Generator: Colors & Quotes That Match Your Feelings

Naman Sachdeva ・ Oct 25

#javascript #webdev #ai #css

🎨 Mood Gradient Generator: Colors & Quotes That Match Your Feelings

Naman Sachdeva — Sat, 25 Oct 2025 09:52:24 +0000

I built a small web app using HTML, CSS, and JavaScript that changes the background based on your current mood.

Select Happy, Calm, Sad, or Energetic — the background smoothly transitions to a matching gradient!

💡 Features:

GPT server integration for fresh AI-generated quotes
Responsive design — works offline
Input text color adapts to background for readability

This is a fun way to combine JS interactivity with colorful UI effects.

Try it out and let your mood shine! 🌈
URL For Live Preview
Note: TO POWER ON THE AI CLICK ON USE GPT,ENTER URL,TAP ON ANY MOOD,RELAX

Built My First Portfolio Site at 16 — No Frameworks, Just Grit

Naman Sachdeva — Sun, 15 Jun 2025 11:04:06 +0000

I’m 16 — just wanted a simple portfolio.
Not something with 50 npm packages and a PhD in Tailwind.
So I built my own.

🧪 No frameworks
⚡ No build steps
✏️ Just open index.html, change a few lines — and boom, you’re live.

🔗 Live Preview
👉 https://naman9104.github.io/Portfolio-Template/

📂 GitHub Repo
👉 https://github.com/naman9104/Portfolio-Template

✨ Features:
🔤 Typewriter-style animated intro

🧭 Clean layout with 5 sections

💡 Dark mode toggle

📱 Fully responsive

⚙️ No frameworks, no setup — just HTML, CSS, JS

✏️ Easy to customize — perfect for beginners

🛠 How to Use:
Fork the repo

Open index.html

Change your name, skills, projects, about, etc.

Deploy using GitHub Pages.

🚀 That’s it — you’re live in 5 minutes.

Inspired by my previous post: Not a full-stack dev, not a startup. Just a 16 y/o with ideas
This portfolio came out of that journey.

💬 Want to help improve it?
Drop your ideas below 👇
If you remix it, I’d love to see your version!

Not a full-stack dev. Not a startup. Just a 16 y/o with ideas.

Naman Sachdeva — Sat, 14 Jun 2025 11:48:08 +0000

Hey! I’m 16. I’m not a professional dev, I don’t run a startup, and I’m not trying to sell you anything.

I just like building random tools — simple stuff that solve small problems or are just fun to make.

Here are two I’ve built recently 👇

🔊 Offline Text-to-Speech Tool
Works 100% offline

No API keys, no accounts

Super fast & clean interface

Uses the SpeechSynthesis API built into the browser.
Made with just HTML, CSS, and JS — no libraries, no backend.

📷 QR Code Generator
Instantly turns any text or link into a QR Code

Fully frontend — nothing gets sent to a server

Includes download option for the generated code

Simple, fast, and works in any browser.

Why I’m doing this:
I like making small, useful things

Helps me improve my frontend skills

Feels better than just scrolling Instagram all day

Not everything I build is perfect. Most of it is super basic.
But I’m 16 — and every tool teaches me something new.

If you're building too, or just curious, feel free to drop your links.
Let’s make stuff, break stuff, and share it.
🔗 Try It Out
TTS Tool: https://naman9104.github.io/TTS/ | https://github.com/naman9104/TTS

QR Code Generator: https://naman9104.github.io/QR-Code-Generator/| https://github.com/naman9104/QR-Code-Generator
👉 Just released a beginner-friendly portfolio template based on these ideas — Check it out here

— Naman

🎙️ Build a Realistic Voice TTS Web App (No API Key Needed, Works Offline!)

Naman Sachdeva — Sat, 14 Jun 2025 09:32:24 +0000

These days, TTS tools are everywhere — but most need API keys, accounts, or sound robotic.

So I built a fully offline TTS (Text-to-Speech) web app using just HTML, CSS & JavaScript — no frameworks, no libraries, and no API required!

🎯 Try It Out:

Live Demo: [https://naman9104.github.io/TTS/]

GitHub Source Code: [https://github.com/naman9104/TTS]

⚙️ Features:
Choose from multiple available voices

Set custom pitch and rate

Type text and speak it instantly

Works offline on most browsers

Clean glassmorphism UI

🔧 How It's Built:
HTML for structure

CSS with a polished glassmorphism look

Vanilla JS using built-in SpeechSynthesisUtterance

No API calls. No data usage. Just open the page and start listening.

💡 Why I Made This:
I noticed many TTS tools ask for API keys or sound robotic. I wanted something:

Lightweight

Offline

Clean UI

Beginner-friendly

This is perfect for students, teachers, or anyone who wants to convert text into speech easily.

⭐ Like the project?
Star it on GitHub, it really helps 🙌
Comments and feedback are welcome!

Built this tool in 2 days – helps anyone make QR codes easily!

Naman Sachdeva — Sat, 14 Jun 2025 06:53:38 +0000

QR codes have become a part of daily life — scanning menus, paying bills, sharing Wi-Fi. But most tools online are filled with ads or force you to sign up.

I wanted to build something different.
Something clean. Lightweight. Beginner-friendly.

So I built this from scratch — no React, no frameworks, no nonsense.

🔗 Try It Out:
👉 Live Demo
🛠 GitHub Source

💡 What You Can Do:
Generate QR codes from any link or text

Customize size and colors

See real-time preview

Download as PNG

Enjoy a modern, clean UI with glass effect

🧠 Tech Stack:
HTML for structure

CSS for layout + effects

JavaScript + qrcode.js for generation logic
No external libraries or UI kits — just raw frontend.

🚀 Why I Built It:
I’m a high school student exploring frontend dev.
I wanted to practice DOM manipulation, styling, and build something actually useful.
This project helped me learn more than just syntax — it taught me how to build for users.

🙌 Help Me Grow:
If this tool helped you, give the repo a ⭐ on GitHub.
Feedback? Suggestions? I’d love to hear them 👇

Let’s keep building — one small project at a time.

Free QR Code Generator Tool Built From Scratch (Source Included)

Naman Sachdeva — Fri, 13 Jun 2025 18:06:13 +0000

🧾 Build Your Own Customizable QR Code Generator (No Libraries Needed!)

These days, QR codes are used everywhere — for payments, links, login, and more.
I wanted to build a simple tool that could generate QR codes quickly without relying on any external libraries or showing ads.

So I built this project using just HTML, CSS, and JavaScript — and it’s fully customizable.

Try It Out

Live Demo: https://naman9104.github.io/QR-Code-Generator/
GitHub Source Code: https://github.com/naman9104/QR-Code-Generator

What This Tool Can Do

Type any text or link to generate a QR code instantly

Choose your own size and colors

Live preview updates as you type

Download the QR code as a PNG image

Clean and modern UI design with a glassmorphism effect

How It’s Built

This project uses:

HTML for the structure

CSS for the styling and layout

JavaScript to generate the QR code using qrcode.js
No frameworks or heavy libraries — it’s all built from scratch.

Why I Made This:
I was exploring ideas for small frontend projects, and QR codes seemed like a fun and useful thing to build.
I also wanted full control over the look and features, which is hard to get with online tools.

Try the Tool:
Use the QR Code Generator here: https://naman9104.github.io/QR-Code-Generator/

If you like this project, feel free to star the repo on GitHub — it really helps and motivates me to share more.

Thanks for reading! If you have any feedback or suggestions, feel free to reply.