DEV Community: Vishal Shetty

SEO Samjho: A Simple Tool to Understand SEO Tags

Vishal Shetty — Fri, 24 Apr 2026 14:49:25 +0000

I Built a Tool to Understand SEO Tags While Learning Them
While deploying a simple project, I thought everything was done.

But when I searched for my site on Google, nothing showed up.

That’s when I realized something important.
I had not properly set up basic SEO.

Not advanced concepts. Just fundamentals like:

title tags
meta description
social preview
canonical URLs

There are many great resources available, but while learning, I wanted something more interactive.
Something where I could see what I’m doing instead of just reading.

So I built this 👇
👉 https://seosamjho.vercel.app/

🧠 The Real Challenge

Most beginners don’t struggle with what to do.
They struggle with understanding what each tag actually affects.

For example:

Why does my link look different when shared?
Why does Google show a different title sometimes?
Why is my page not getting clicks?

All of this is controlled by a few lines inside the <head>.

🛠️ What This Tool Does

Instead of just generating code, the tool works like a guided workflow.

🧾 Step 1: Enter Website Details

You enter:

domain
title
description

As you type, the SEO tags update instantly.
So you clearly see input and output together.

🗺️ Step 2: Generate Sitemap

The built-in sitemap builder lets you:

define your pages
set change frequency
assign priority

This helps you understand how your site structure is communicated to search engines.

🤖 Step 3: Generate robots.txt

You can generate a clean robots.txt file that:

allows proper access
links your sitemap
avoids common mistakes

And more importantly, you understand what each line means.

🧠 Step 4: Learn While Using It

Each section includes explanations and video links.

The videos are explained in Hindi to keep things simple and beginner-friendly.
English auto-dub is also available so you can follow along easily.

So instead of switching between multiple resources,
you can learn and implement in one place.

🌍 Open Graph (OG Tags)

One of the most useful things I learned was how Open Graph tags control your website preview.

Here’s a simple example:

<meta property="og:title" content="Cineverse | Movie Discovery Platform">
<meta property="og:description" content="It is a movie rating and discovery platform">
<meta property="og:image" content="https://cineversetv.vercel.app/image.png">
<meta property="og:url" content="https://cineversetv.vercel.app">

What these do:

og:title
Preview title when your link is shared
og:description
Short text shown below the title
og:image
Thumbnail image (recommended size: 1200 × 630 px)
og:url
The main URL of your page

When you share your link on LinkedIn, WhatsApp, or other platforms,
this is what decides how your link looks.

⚡ What I Learned While Building This

Small tags make a big difference
Social preview matters more than expected
Clarity is more useful than complexity

Once I understood these basics, everything stopped feeling like guesswork.

🎥 Video Walkthrough

I’ve explained SEO tags step by step in this video:

🛠️ What I’m Improving Next

This tool is still evolving, and I’m working on making it more useful.

🎥 Connected Learning

More videos like robots.txt, sitemap, and deployment will be added directly inside the tool.

👀 Real Output Preview

Planned improvements include:

Google search preview
Social share preview

🧪 Smart Suggestions

Adding checks like:

title too long or too short
weak descriptions
missing tags

🧱 Templates

Simple presets like:

portfolio
blog
product

🚀 What This Project Is

This is part of a series where I’m learning and documenting SEO step by step:

Part 1: Deploying a project
Part 2: Understanding SEO tags
Part 3: Getting indexed on Google

🙌 Feedback Helps a Lot

If you try the tool:

What felt confusing?
What would make it more useful?

I’m building this while learning, so feedback genuinely helps improve it.

🎬 CineVerse — A Movie Discovery Platform for Indian Users

Vishal Shetty — Tue, 07 Apr 2026 04:09:30 +0000

Choosing what to watch shouldn’t take longer than the movie itself.

With the rise of multiple OTT platforms, users often spend more time deciding than actually watching. I faced this problem myself — and that’s how CineVerse was built.

🎥 Demo Video

🚀 Live Demo

🔗 https://cineversetv.vercel.app/

💡 The Idea

CineVerse is designed as a centralized platform where users can:

Discover movies
Share reviews and ratings
Get quick insights using AI summaries
Interact with other users

Instead of jumping between multiple apps, everything is available in one place — making movie discovery faster and more engaging.

✨ Key Features

🎥 Movie Discovery

Browse movies through a clean and intuitive interface.
(Currently focused on a curated set of Indian content.)

⭐ Reviews & Ratings

Users can:

Write reviews
Rate movies
Like other users’ reviews

🤖 AI-Based Review Summarization

When multiple reviews are available, CineVerse generates a short summary to help users quickly understand overall feedback.

📌 Watchlist

Add movies to a personalized watchlist
Track what you plan to watch

🔄 User Recommendations

Supports two types:

Normal Recommendation → Suggest a movie with a reason
Comparative Recommendation → “If you liked X, you’ll like Y”

💬 Real-Time Discussions

Each movie includes a discussion section where users can interact and share opinions.

🛠 Admin Dashboard

Add and manage movies
Monitor platform activity
Control content

🧱 Tech Stack

Frontend: React.js
Backend: Supabase (Authentication, Database, Storage)
Database: PostgreSQL
Deployment: Vercel

🧠 What I Learned

Building CineVerse helped me understand:

Full-stack application development
Real-time data handling
Database design and relationships
Secure authentication
UI/UX improvements for better user experience

⚠️ Current Limitations

Not all movies are included (curated dataset)
No mobile application yet
Recommendation system is currently logic-based

🔮 Future Improvements

Expand movie database
OTT API integration
Mobile app development
Advanced recommendation system
Real-time push notifications

🎯 Final Thoughts

CineVerse is an attempt to simplify how we discover and decide what to watch — especially in an OTT-heavy environment focused on Indian audiences.

This started as an MCA mini project, but it turned into a valuable learning experience in building scalable and interactive applications.

👨‍💻 About Me

Built by Vishal Shetty

If you found this interesting, feel free to connect or share your feedback!

I built a restaurant bill splitting app — here’s how it works (SplitMalple)

Vishal Shetty — Mon, 06 Apr 2026 05:42:06 +0000

Splitting a restaurant bill sounds simple… until it isn’t.

You’ve probably been there:

Someone pays more than they should
Others underpay
And it ends with confusion or awkward conversations

I’ve faced this multiple times — and that’s what led me to build SplitMalple.

💡 How the idea started

The idea came up during a restaurant outing.

A friend casually said:

“Why don’t you build an app for this?”

That one line stuck with me.

Also, the name SplitMalple comes from my native language Tulu, where “Malple” means “to do” — making it simple, personal, and action-focused.

⚡ The problem

Splitting bills in groups is rarely fair:

People order different items
Some dishes are shared
Equal splitting doesn’t make sense

So what do we usually do?

Open a calculator 📱
Do manual math 🧾
Or just “adjust later” 😅

None of these are ideal.

🚀 The solution — SplitMalple

SplitMalple makes bill splitting simple, fair, and stress-free.

Instead of guessing, it lets you split based on actual consumption.

🔥 What it does

Add food items with price and quantity
Assign items to specific people
Handle shared items easily
Automatically calculate who owes what
Generate a clean summary
Share the final split instantly

It also enhances the experience by fetching food images dynamically using APIs.

🎥 Demo

Instead of explaining, here’s a quick look at how it works in real time:

🧠 What I learned while building this

1. Real-world problems are messy

Handling shared items, edge cases, and fairness is more complex than it seems.

2. UX matters more than logic

Even if calculations are correct, the app must feel effortless.

3. Small features can make big differences

A simple share feature significantly improved usability.

4. Building in public helps

Sharing progress keeps you accountable and helps you improve faster.

🌐 Try it out

👉 https://splitmalple.vercel.app

💭 Final thought

Great meals bring people together.
Fair bills keep them that way.

Pay only for what you actually ate.