Forem: LEGEND GAMERR6

Why I refused to learn React for my first project (And used Vanilla JS instead)

LEGEND GAMERR6 — Wed, 28 Jan 2026 17:52:32 +0000

Open Twitter/X, and every influencer is shouting the same thing at junior devs: [https://newupdateblog.netlify.app/#blog ]

"Learn React! Learn Next.js! Learn Tailwind!"

It’s easy to feel like you’re falling behind if you aren't using the latest framework. But for my very first serious project—a browser-based arcade shooter called Space Defender—I made a controversial choice.

I ignored the hype. I refused to npm install react. I built the whole thing in Vanilla JavaScript, HTML5 Canvas, and CSS.

Here is why that was the best decision of my coding journey.

Frameworks Hide the "Magic" 🪄 When you start with React, you learn React, not JavaScript. You learn about Hooks, State, and Props, but you might not understand what is actually happening in the DOM.

By using Vanilla JS, I was forced to understand the raw mechanics of the web.

No State Management Libraries: I had to create my own global variables and game loops.

No Event Wrappers: I had to manually handle window.addEventListener('keydown') to move my spaceship.

No Components: I had to structure my code using simple functions and objects.

It was messy. It was hard. But now, when I finally do learn React, I will understand why it exists.

The Power of the HTML5 Canvas 🎨 I realized that for a game, the DOM (divs and spans) is actually too slow. I needed raw performance. I discovered the element. It’s like a blank digital whiteboard where you can draw pixels 60 times per second.

Here is the simple logic that powers my game loop:

JavaScript
// The "Heart" of the Game
function gameLoop() {
// 1. Clear the screen
ctx.clearRect(0, 0, canvas.width, canvas.height);

// 2. Update positions (Math)
player.update();
bullets.forEach(bullet => bullet.update());

// 3. Draw everything (Art)
player.draw();
bullets.forEach(bullet => bullet.draw());

// 4. Repeat 60 times per second
requestAnimationFrame(gameLoop);

}
If I had used React, I would have been fighting with re-renders. With Vanilla JS, I had total control over every single pixel.

Debugging is Easier (Sometimes) 🐛 When my "bullets" started flying backwards, I didn't have to dig through a complex folder structure of components/ and assets/. I just opened script.js, found the Bullet class, and logged the velocity.

The Bug: I was subtracting Y-axis values instead of adding them. The Fix: One line of math.

I Built a "Cheat Code" from Scratch Because I wasn't restricted by a framework's rules, I could easily hack in fun features. I added a listener so that if you press 'Z', the ship switches to Triple Shot Mode.

It’s a simple if statement, but seeing it work gave me a rush that following a "To-Do List Tutorial" never did.

Conclusion: Learn the Roots, then the Leaves 🌳
I am not saying React is bad. I plan to learn it next. But by building Space Defender in Vanilla JS, I gained confidence. I know that if React disappeared tomorrow, I could still build cool stuff.

My advice to other beginners: Stop worrying about the "Best Tech Stack." Just open index.html, link a script.js file, and build something weird.

🕹️ Try the Game
You can play the result of my weekend "Vibe Coding" session here: 👉
[https://newupdateblog.netlify.app/#blog]

(Pro Tip: Don't forget to press 'Z' for the secret weapon!)

I am a student developer building in public. Follow me for more updates on my journey from Hello World to Full Stack.

How I Plan to Invest ₹1 Lakh as a CS Student (The "3-Bucket" Strategy)

LEGEND GAMERR6 — Fri, 16 Jan 2026 17:50:20 +0000

If you suddenly found yourself with ₹1,00,000 (~$1,200) in your bank account today, what would be your first move?

As a college student, the temptation to spend is massive. A new MacBook, the latest iPhone, or a trip with friends. Even if you decide to be responsible and "invest," the internet is flooded with dangerous advice. "Buy Crypto!" screams one YouTuber. "Put it all in Option Trading!" says another.

I recently faced this exact dilemma. As a Computer Science student who is also passionate about building projects, I realized that standard financial advice doesn't apply to us. We aren't employees with a stable salary. We are students.

After weeks of research, I developed a framework tailored for student developers. I call it the "3-Bucket Strategy."

"The goal isn't just to grow the money. The goal is to survive college stress-free while funding the projects that will build my career."

The Visual Breakdown

Instead of just listing numbers, here is how I am splitting my capital:

Bucket 1 (50%): Safety (Fixed Deposits)
Bucket 2 (20%): Business (My Projects/APIs)
Bucket 3 (30%): Growth (Index Funds)

🪣 Bucket 1: The "Sleep Well" Fund (50%)

Allocation: ₹50,000
Instrument: Fixed Deposit (FD)
Risk: Zero

This is the most controversial part of my plan. Many people say, "FDs are boring!" But as a student, mental peace is my most valuable resource.

If I am worried about how to pay for an exam fee or fix my laptop screen, I cannot focus on coding. This fund is my shield. It guarantees that no matter what happens to the market, I can survive the semester.

💻 Bucket 2: The "Business Capital" (20%)

Allocation: ₹20,000
Instrument: My Own Code
Risk: High (But High Reward)

This is where I differ from normal investors. I believe the highest ROI (Return on Investment) is in my own code. I am treating myself as a startup.

I am using this money to fund:

Hosting & Domains: For my portfolio and web apps.
API Credits: Paying for OpenAI/Gemini APIs to build AI tools.
Marketing: Small experiments to get my first 100 users.

The Math:
If I invest ₹20k in stocks, a great year gives me ₹3k profit.
If I invest ₹20k in my website and it earns ₹1k/month from ads, that is a 60% return. No stock beats that.

📈 Bucket 3: The "Future Wealth" (30%)

Allocation: ₹30,000
Instrument: Nifty 50 Index Fund
Risk: Moderate

This is for the "Me" of 10 years from now.

I chose an Index Fund because I don't have time to analyze individual stocks. I am busy learning Data Structures and React. By buying the Index, I am betting on the top 50 companies in the country. I won't touch this money for 5+ years.

Conclusion

Investing is personal. For me, it's about balancing safety today with building a business for tomorrow.

What would YOU do with ₹1 Lakh? Let me know in the comments!

👇 See the Full Visual Guide

I built a fully interactive version of this plan on my portfolio (including pie charts and project breakdowns).

**🚀 View the Full Visual Plan on My Website

Stop Paying for QR Codes in 2026: I Built a Free, "Branded" Generator

LEGEND GAMERR6 — Wed, 31 Dec 2025 17:57:08 +0000

As we approach 2026, I realized something annoying: most "Free QR Code Generators" are still stuck in the past. They let you create a code, but after 14 days, they break it and ask for a subscription.

I wanted to start the new year with a tool that solves this forever.

So, I built QR Master.

It is a Cyberpunk/Neon themed generator that creates Permanent QR Codes with a Custom Logo inside.

✨ Why I built this for 2026:

No Expiration: Unlike big companies, this tool generates static codes. They work forever.

AI Branding: It automatically inserts a "Neon" logo into the center of the code for a professional look.

Privacy First: No databases. No tracking. It runs entirely in the browser.

Single File: The entire app is just one index.html file.

🚀 Live Demo: You can try it here:
[https://free-qr-image-generator.netlify.app/]

💻 How it works (The Code): I wanted to keep the tech stack simple and fast. I used vanilla HTML/JS and the QuickChart API to handle the complex image generation.

Here is the core function that places the logo inside the QR code without breaking it:

JavaScript

// The 2026 Logic: High Error Correction (H) allows the logo to exist
const logoUrl = "logo.png"; // Your custom logo goes here
const apiUrl = https://quickchart.io/qr?text=${input}&centerImageUrl=${logoUrl}&size=300&ecLevel=H;
I used ecLevel=H (High Error Correction) so that even with the logo covering the center, the data remains intact and scannable by any phone.

🔮 Future Plans: I am planning to add more neon color options and downloadable SVG support soon.

Let me know what you think! I’d love to hear your feedback in the comments.

Happy New Year in advance! 🎆

[Boost]

LEGEND GAMERR6 — Wed, 31 Dec 2025 17:47:16 +0000

Stop Paying for Midjourney. I Built a Directory of Every Free AI Tool (No Sign-up Needed)

LEGEND GAMERR6 — Tue, 30 Dec 2025 05:56:13 +0000

Hi everyone! 👋

I am a beginner developer learning to code. I realized that almost every "Best AI Tools" list on the internet is full of paid software.

As a student, I can't afford $20/month for ChatGPT Plus or Midjourney.

So, I spent this weekend building my own solution: Free AI Finder. 🕵️‍♂️

🚀 What I Built

A simple, dark-mode directory that only lists 100% Free or Generous Freemium tools.

✅ 28+ Verified Tools (Images, Video, Coding, Writing).
✅ No Login Required to use the directory.
✅ Filters: Sort by "Copyright Free," "Video," or "Study."
✅ Featured Game: I even included my own AI-built Space Shooter game in the list!

🔗 Try the Free AI Finder here:

👉 [ https://free-ai-finder.netlify.app/#tools ]

🎮 P.S. Want to play the game directly?

I built a retro Space Shooter entirely with AI assistance. It is listed as a "Featured Project" on the site, or you can play it here:
https://newupdateblog.netlify.app/#game

I would love your feedback! If you know any other free tools I should add, let me know in the comments.

I Built a Game for $0 using these 5 Free AI Tools

LEGEND GAMERR6 — Mon, 29 Dec 2025 05:57:04 +0000

Three days ago, I couldn't center a div. Today, I have a working mobile game, a portfolio site, and a viral blog post.

I didn't spend a single dollar. I didn't take a 6-month bootcamp. I used "Vibe Coding."

If you want to replicate my results, you don't need a budget. You just need these 5 free tools.

The Brain: Gemini (or ChatGPT) This is controversial, but I stopped trying to memorize syntax. Instead, I treat the AI as my "Senior Developer."

How I use it: I don't say "Write code." I say:

"I want a space game where the ship shoots lasers. Explain the logic to me like I am 5, then give me the code."

It writes the HTML, CSS, and JS. If it breaks (and it does), I paste the error back in and say "Fix this." It is 100% free and better than any textbook.

The Host: Netlify I used to think "deploying" a website was scary. I thought I needed servers and Linux commands.

The Reality: Netlify allows you to Drag and Drop a folder from your desktop to the internet.

Cost: $0

Time: 5 seconds

Skill required: Knowing how to drag a mouse.

My game is hosted there right now, and it handles the traffic perfectly.

The Aesthetics: Unsplash A game with a white background looks like a homework assignment. A game with a "Cyberpunk City" background looks like a product.

The Hack: I went to Unsplash, searched for "Neon City," and copied the image address.

One line of CSS: background-image: url('link');

Result: Instant professional vibes.

The Marketing: Dev.to You can build the best app in the world, but if nobody sees it, it doesn't exist.

I posted my first article here on Saturday. I didn't use fancy SEO tricks. I just told my honest story about struggling with files.

Result: 300+ readers and real feedback in 24 hours.

Lesson: The community here wants to help beginners. Don't be afraid to post.

The Editor: Notepad (Seriously) You don't need a fancy IDE to start. I built the first version of my site using standard Notepad.

Why? Because it forces you to focus on the code, not the extensions. Now I'm moving to VS Code, but starting simple kept me from getting overwhelmed.

Conclusion
We are living in the golden age of creativity. You don't need a budget. You don't need permission.

You just need an idea and the courage to hit "Publish."

(P.S. If you want to see the game I built with these tools, the link is in my bio!)

Stop Memorizing Syntax. The Era of "Vibe Coding" is Here.

LEGEND GAMERR6 — Sat, 27 Dec 2025 07:06:21 +0000

I have a confession to make.

I built a fully functional Space Defender game, a responsive blog, and deployed it all to the live internet in less than 24 hours.

And I don't know how to write a for loop in JavaScript from memory.

In 2023, I would have been called a "fake coder." In 2026, I am part of the new wave of developers. We are not "Syntax Libraries" anymore. We are "Vibe Coders."

This post is going to make some senior developers angry. But for those of us just starting in 2026, this is the reality we need to embrace.

🌊 What is "Vibe Coding"?

I saw the term trending recently, and it clicked immediately. "Vibe Coding" isn't about laziness. It's about shifting the developer's focus from Syntax (how to write the code) to Outcome (what the code does).

When I built my game, I didn't spend 4 hours debugging a missing semicolon. I spent 4 hours tweaking the gameplay. I adjusted the speed of the enemy ships. I added a "Cheat Mode" (Press 'Z' for Triple Shot!). I focused on the vibe of the product, while AI handled the syntax.

But—and this is the big "But"—it wasn't magic. It was engineering.

📉 The "404" Reality Check

If you think Vibe Coding means "Click a button and sleep," you are wrong.

Yesterday, I faced the dark side of this new world. I had generated the perfect code, but when I deployed it to Netlify, my screen went blank.

404 Not Found

My heart sank. The AI had done its job, but the System failed.

I checked my server logs, and it was a bloodbath of red errors.

404 GET /favicon.ico
404 GET /assets/style.css
301 Redirect Loop

This is where the "New Developer" skill set comes in.

In the old days, you needed to know how to write the CSS. Today, you need to know File Architecture. You need to know that a computer is dumb—if you tell it the style file is in the root, but you moved it to a folder, it will crash.

I didn't write the CSS, but I did have to architect the solution. I had to read the logs, understand that 404 meant "Missing File," and manually restructure my project.

Vibe Coding is not ignoring code. It is managing code.

🧠 The 3 Pillars of the 2026 Developer

If we aren't memorizing syntax, what are we doing? Here is what I learned in my intense 72-hour sprint.

1. The Architect Mindset

You are no longer a bricklayer; you are the foreman. You don't mix the cement (write the boilerplate), but you decide where the walls go.

My experience: I had to decide how the game loop worked. I had to tell the AI: "The player needs a health bar." The AI wrote the math, but I designed the feature.

2. The "Error Whisperer"

This is the most valuable skill I have learned. When the logs show a 301 or a 404, you can't just cry. You have to be a detective.

A 404 means "I can't find it." -> Check your paths.
A 500 means "I broke." -> Check your server logic.
A 200 means "We are golden." -> Celebrate.

3. Prompt Engineering as a Language

English is the new programming language. But it has to be precise English.

Bad Prompt: "Make a game."
Good Prompt: "Create a browser-based shooter game using HTML5 Canvas. The player controls a ship at the bottom. Enemies spawn from the top. Use 'A' and 'D' for movement."

🚀 Why "Vibe Coding" is the Future

I know people say AI will take our jobs. I disagree.

AI took the "boring" part of the job. It took the part where I have to memorize that padding goes inside the box and margin goes outside.

It left me with the creative part. The part where I decide what to build.

In the last 3 days, I have produced more working software than a traditional student would produce in 3 months. Is my code perfect? No. Is it deployed, working, and playable? Yes.

🔮 The 2026 Prediction

By the end of 2026, nobody will care if you wrote the div yourself or if Gemini wrote it. They will care about:

Does it work?
Is it fast?
Does it solve the user's problem?

I am betting my career on this. I am not going to spend 2026 memorizing textbooks. I am going to spend it building, breaking things, fixing 404 errors, and shipping products.

This is the era of Vibe Coding. Get on board, or get left behind.

👇 Try the Game (Cheat Mode Included!)

I built this game to prove the concept.
👉 Click here to Play Space Defender on my Website
(Hint: Press 'Z' on your keyboard for the secret triple-shot weapon!)

How I built a Game & Blog in 24 Hours with Zero Experience (using AI)

LEGEND GAMERR6 — Fri, 26 Dec 2025 06:12:54 +0000

Check it out here:
👉 https://newupdateblog.netlify.app