DEV Community: Ishant Singh

I Built a Full 3D Endless Runner Game in the Browser (It’s in KBs btw)

Ishant Singh — Thu, 15 Jan 2026 13:21:25 +0000

Hey devs, Ishant here 👋

Quick question before we start:

Why does every web game need to be 200MB?
And why does my phone start sounding like a jet engine the moment I open them?

So I did something irresponsible........again!

In ~6 hours, fueled by coffee and poor decisions,
I built Metro Runner — a full 3D endless runner that runs entirely in the browser.

No Unity.
No Unreal.
No Godot.

Just Three.js, React, and audacity. 💀

📦 Size Flex (Chrome Users Don’t Know This LOL)

Here’s the funny part.

Metro Runner is a PWA.

Which means:

Chrome already ships the engine
Three.js is shared
Assets are all CSS and magic

👉 Actual download size: a few hundred KBs

Yes.
KBs. Not MBs. Not GBs.

You can literally:

open the site
install it
and boom — game on your home screen 💻📱

Chrome users don’t even realize they already downloaded half the engine when they installed Chrome. (I was one of them 💀💀)

🎮 What Even Is Metro Runner?

It’s a 3D endless runner with:

Three-lane movement
Jump / slide mechanics
Increasing speed
Coins
Power-ups
A shop
Multiple biomes
And a UFO abduction event (we’ll get there 💀)

Think Subway Surfers, but:

browser-native
actually 3D
and way more unhinged.

👉 Play it here: https://metrorunner.vercel.app/

🧠 “Did you use a game engine?”

No 😏

This is:

React Three Fiber (Three.js)
Custom game loop
Manual collision logic
Fake speed via world movement
Delta-time based motion

The player barely moves forward.
The world rushes toward you.

Classic illusion.
Still undefeated.

🚂 Trains, Ramps, and a Bug That Became a Feature 💀

Here’s where it gets funny.

At high speed, sometimes:

the player hits a train ramp
trips
gets launched
and dies 💀

I tried fixing it:

Sweep collision
Alignment tweaks
Debugging at speeds that felt illegal

Did it work?

No.

So I did what every sane developer does:

If you can’t fix a bug — promote it to gameplay.

🧠 Lore Update:

Some train ramps are slightly misaligned with coaches.

Which means:

at high speed
sloppy jumps
bad timing

👉 You get knocked off and game over.

Now it’s not a bug.
It’s “skill-based punishment.” 😤

🚂 Train Systems (a.k.a. pain generators)

Regular trains (static + moving)
Triple Train Ramp sections (~10%)
- All lanes blocked
- Ramps on top
- Huge coin reward
Train Hopping sections (~10%)
- Jump between trains across lanes
- Miss once = back to menu 💀

Trains have real collision.
No ghost clipping.

👽 Alien Abduction Event (I Lost Control Here)

Random event during runs:

UFO appears
Green lights
Tractor beam
Screen fades
You teleport to a new biome
+25 free coins
Temporary invincibility

Is it realistic?
No.

Is it funny watching a runner game suddenly turn into sci-fi?
Absolutely. 🛸

⚡ Power-Ups (Yes, Those Particles Are REAL)

Power-Up	Effect
🧲 Magnet	Pulls coins
👟 Super Boots	2.0× jump
🛹 Hoverboard	One free crash
🚀 Headstart	Rocket boost
✖️ Multiplier	Double coins
🚀 Jetpack	Fly above obstacles

And yes:

those particles
wind streaks
speed lines

They’re not “visual effects”.
They’re selling the illusion of speed.

Jetpack particles come from the jetpack, not vibes 🤡

🏪 Shop System (I Went Too Far)

Buy power-ups with coins
Upgrade magnet duration (up to 6 levels)
Choose starting power-ups
Inventory persists via localStorage

Close the tab.
Reopen later.

Your grind is saved. 😤

🌍 Biomes

🚇 Subway
🏙️ City
🌲 Forest

Biome switches are forced, so runs don’t feel copy-pasted.

🥚 Easter Egg

Click the game title in the menu.

That’s all I’ll say 😏

🔧 Tech Stack (a.k.a. bad decisions)

React + TypeScript
Three.js (via React Three Fiber)
Custom collision logic
Particle systems
PWA (installable, offline-friendly)
Saved state via localStorage

No engine.
No physics library babysitting.
Just math, timing, and vibes.

🧠 Why I Built This

I wanted to see:

Can a real 3D game live comfortably in the browser… and still feel good?

Turns out — yes.

And it fits in KBs.

Which still feels illegal.

🙌 Feedback / Roasts Welcome

If you play it:

tell me where you died
tell me which ramp betrayed you
tell me if the UFO jump-scared you

Now excuse me while I pretend this was “just a quick experiment.”

— Ishant 🖤

The Truth Gazette — My AI-Powered Fake News Detector (Capstone Project)

Ishant Singh — Tue, 23 Dec 2025 19:58:03 +0000

Hey devs, Ishant here 👋

It’s 1 AM, I have an exam tomorrow, and instead of sleeping like a responsible human…

I shipped an AI-powered fake news detector.

Because priorities. 💀

Meet The Truth Gazette — a newspaper-styled AI tool that investigates headlines, URLs, and images and tells you whether they look REAL, FAKE, or UNCERTAIN — with receipts.

What is The Truth Gazette?

Think of it as a desk-checker, not a final judge.

You paste something sketchy from the internet, and it responds like an overly serious newsroom editor who’s had too much coffee:

Verdict (REAL / FAKE / UNCERTAIN)
Confidence %
A dramatic newspaper-style headline
A proper investigation report (not just “trust me bro”)
Key findings
Clickable sources so you can verify it yourself

No vibes-only scores. No mystery boxes.

👉 Live here: https://truthgazette.vercel.app/

💀 Why I made this

Because misinformation spreads faster than exam stress.

Also because:

I was tired of “FACT CHECKED ✅” posts with zero sources and pointing to "Trust me, bro! 😏" sources.
Most tools either oversimplify or don’t explain why
I wanted something fun and responsible

This isn’t a certified fact-checking authority.

It’s a fast triage tool to help you decide whether something deserves deeper digging.

✅ What it actually does

Accepts text, URLs, or images (Images → OCR → analysis)
Returns:
- Verdict (FAKE / REAL / UNCERTAIN)
- Confidence %
- Newspaper headline (yes, dramatic on purpose)
- Investigation report (3–4 paragraphs)
- Key findings
- Sources
UI: vintage newspaper vibes, confidence meter, and clickable sources

Hidden bonus:

Press Shift + L for a totally unnecessary flashlight Easter egg 🔦

(Press it again to escape before it becomes a horror game, joking LOL 💀)

🔧 Tech & questionable life choices

Frontend: plain HTML / CSS / JS (No heavy SPA frameworks — I wanted it fast and simple)
Backend: Vercel Serverless API
AI calls are server-side only
- No API keys in the browser
- Rate-limited to avoid abuse
Deployed on Vercel

Yes, I named files like real_new.html.

No, I will not be taking questions at this time. 🙏😭

🧪 Try these test headlines

Paste any of these into the app:

“Breaking: Coffee found to cure all coding bugs — scientists baffled”
“NASA admits climate change is caused by Earth’s orbit, not humans”
“Celebrity secretly funds alien research in their basement”
“New study proves chocolate makes you 10 years younger”

Then inspect the verdict, confidence, and sources.

Bonus points if you screenshot the angriest verdict.

⚠️ Disclaimer (important but boring)

This is a capstone project, not legal or medical advice.

Always cross-check important information with primary sources.

The goal is to help you pause before sharing, not replace critical thinking.

🙌 Feedback welcome

This is now live, public, and slightly terrifying.

If you try it:

Tell me what worked
Tell me what broke
Tell me if the AI roasted a headline harder than expected

Now I’m going to sleep and pray this doesn’t 500 error overnight.

— Ishant 🖤

🚗 GrandMap: The GTA-Inspired Map Project Nobody Asked For (But I Built Anyway)

Ishant Singh — Wed, 24 Sep 2025 18:38:11 +0000

Hey devs, Ishant here 👋

Remember when I dropped my “Scholar’s Fortress” portfolio? Yeah, that was my serious academic flex.

This time, I went full chaos mode.

Welcome to GrandMap — my little side project that’s basically what would happen if Google Maps stole cheat codes from GTA. 🎮

🎲 What is GrandMap?

Imagine GTA’s minimap got tired of being stuck in Los Santos and decided to become a web app. That’s what GrandMap is.

Here’s what you can do:

🌍 Search anywhere on the planet
📍 Drop your own markers like mission checkpoints
🎨 Vibe straight out of Rockstar Games

Think of it like:

🤓 Google Maps = serious corporate taxi uncle
😎 GrandMap = your homie pulling up with mods enabled

🔧 Tech Stuff (the fun kind)

This isn’t just vibes — there’s real tech under the hood:

🗺️ Leaflet.js → powering the interactive map like a lightweight beast
🧙 ESRI API → the geo wizardry behind the scenes
🎨 Custom CSS + Carto + GTA-ish styling → because plain maps are boring

Future plans (aka chaos incoming):

“Cheats” like give all POIs or spawn boss building (jk, you better be happy with current cheats 🔫)
Maybe even San Andreas radio when you pan around?

And yes… it already crashed once from too many POIs 💀 (got hit with a 429 error, felt like the cops were after me) — but hey, it’s patched now.

🕹️ Gameplay Features

Zoom, pan, and vibe like a free-roam mod
Custom markers → make your own “safehouses”
Future cheat console?? (👀 type HESOYAM for infinite POIs… sadly no, it won’t work 💀)

Right now, it’s more of a meme tool than a serious productivity app, but honestly — that’s the point. 😂

❓ Why tho?

Because being a dev is supposed to be fun.

Sometimes you build serious stuff (like my AI school assistant 🧑‍💻), and sometimes…

…you make GTA Maps but in real life.

🚀 What’s Next?

Add sound effects? (San Andreas radio??)
Integrate a mission system?
Or keep it chaotic as hell.

Either way, it’s gonna stay GrandMap — your friendly GTA-inspired web map.

👉 Try it here: grandmap.vercel.app

💬 What cheat code would YOU add if you could?

Drop it below 👇

Complete Utility App — The Multi-Tool Desktop Madness I Dropped (And Forgot About)

Ishant Singh — Sun, 14 Sep 2025 15:50:22 +0000

Hey devs, Ishant here 👋

Back in April, I quietly dropped this desktop app on GitHub.

The date? April 1st. Yeah, April Fools’ Day.

But no joke — I actually built a real multi-tool app and then… just never promoted it.

Six months later, I finally remembered:

“Oh wait… I should probably tell people this exists.” 💀

So here it is. The Complete Utility App.

(PS: check the in-app documentation and About section for tips & tricks!)

🚀 What is it?

It’s like carrying 10 different little apps in one — a desktop Swiss Army knife.

Instead of bouncing between random sites and tools, I made one app to rule them all.

Here’s what it can do:

📥 YouTube and Universal Downloader (video/audio) → try MP4/WEBM, your choice, supports 8k resolution for videos having it and automatic best audio selector, select what you want: audio, video, or maybe… both!
📦 File Converter (images, docs, etc.)
🔑 Encryption/Decryption Tool → uses SHA256, so don’t forget your master password after encrypting something (unless you want it gone 😭)
📄 PDF Toolkit (merge, split, rename)
📸 OCR (Image → Text) → supports 20+ languages, but I’d suggest removing extra languages to avoid chaos 💀
⛶ QR Code Generator → choose your desired size
🎨 Custom Themes → personalize CUT to your aesthetic!
⚡ …and more little utilities packed in

Basically: if it’s a common “utility” task, I probably baked it in.

🎬 Show, Don’t Tell

I didn’t just make a README and call it a day.

The repo has GIFs showing the app in action, so you don’t need to guess.

👉 Check it out on GitHub

🛠️ Tech Stuff

Python + tkinter → UI and core
FFmpeg, PyPDF2, pytesseract → the heavy lifters under the hood
Cross-platform builds → packaged so you don’t need to deal with dependencies
Good ol’ GitHub Releases → grab and run

😂 Why tho?

Honestly?

Because I was tired of juggling shady “online converter” websites with 5 pop-ups per click.

So I thought: why not build a legit offline app that just works?

Also… I like building random stuff for fun.

🕹️ The Reality Check

I dropped it in April, forgot about it, did zero marketing… and after 6 months?

⭐ 2 Stars
📥 9 Downloads
💀 That’s it.

So yeah… not exactly trending on GitHub.

But hey, every project starts somewhere.

🙌 What’s Next

This time, I’m actually promoting it (starting with this post).

If people find it useful, I’ll:

Add new utilities
Polish the UI
Maybe even do cross-platform installers

And of course, feedback is gold — if you try it, let me know what worked / what sucked.

💬 Your Turn

What’s one “utility” you wish you had in an app like this?

I might just add it.

👉 Grab it here

👉 Star it if you like it ⭐ (stars are free, and my repo looks lonely rn 😭)

Thanks for reading — and no, this isn’t an April Fools’ joke. I promise.

— Ishant 🖤

I Designed My Portfolio Like a Medieval Fortress — No Templates, Just Imagination

Ishant Singh — Thu, 26 Jun 2025 15:20:59 +0000

Hey devs! I'm Ishant — a 17-year-old student!

This is my first time ever building a portfolio — and I didn’t follow any tutorials, use templates, or copy anyone’s layout. I just wanted to make something that felt like me.

So I built "The Scholar’s Fortress" — a portfolio that looks and feels like a medieval RPG world. I added fire, glow, animation, sound, and more... because why not?

🌐 Live site: https://ishantsingh.vercel.app

🔥 What's Inside?

✅ Fully animated sections (summoning effects, sparks, ambient motion)

✅ Medieval ambient music to match the vibe

✅ 5 hidden Easter eggs for the curious 👀

✅ A dedicated section for my real-life discipline experience (NCC leadership, IMA nomination)

✅ Project showcase for apps I’ve built

✅ A custom 404 page and cursor, styled to match the theme

✅ Responsive, dark-mode optimized design

✅ A hidden prophecy!
✅ Built with zero external reference — just my own brain and some coffee

❗ A Few Things Still In Progress

I'm completely new to all this — this is literally my first attempt.

So yeah, some things are still not working:

📷 Screenshots for the apps aren't there because I don't know how to get the best screenshots for them, I feel shy looking at them, LOL (fixing that soon!)
🔗 Project links may not be active yet
📬 The contact form doesn’t send emails yet (still learning backend stuff like Resend, Formspree, etc.)
My games, so I have to hide their names, sorry guys!

But everything you see — the design, flow, animation, writing, structure — I did myself from scratch with the spice of AI, Ahahahahahahaha (my bad).

⚙️ Technologies Used

Next.js + TypeScript
Tailwind CSS
Framer Motion (for all the fire and flair)
Resend (planned for the email form)
Passion, ideas, and ChatGPT 😛

🎯 Why I Did It Like This

I didn’t want a portfolio that felt like a résumé. I wanted something that tells a story — something people remember.

"Forged in fire. Led by purpose."

That’s the core of who I am.

This site is me learning how to combine code, design, and identity — and I’m still growing.

🙌 Would Love Your Thoughts!

I’m here to learn and grow — feedback, roast, or praise — I’m open to all of it.

If you found the site interesting, I’d love to hear what stood out to you.
Also... see if you can find all 5 Easter eggs 😏

Thanks for reading, fellow devs 🖤
— Ishant