Building In Public

Learning Web Development.
Building Projects.
Sharing The Journey.

I'm Abhinav Singh, documenting my journey through web development one project at a time. Currently learning Node.js, building projects, and sharing everything I learn on YouTube and LinkedIn.

View Projects Contact Me

The person behind the builds

Not a prodigy.
Just someone building anyway.

I didn't start with a roadmap. I started with a decision — that I'd rather build something imperfect and learn from it than wait until I felt "ready." That decision changed everything.

Web development wasn't love at first sight. It was more like stubborn curiosity. I broke things, fixed them wrong, broke them again — and somewhere in that cycle, I realized the building itself was the point. Not the destination.

Now I'm focused on building strong web development fundamentals. I'm currently learning Node.js, building projects, and documenting the journey publicly through YouTube, LinkedIn, and this website.

The journey so far

The Start

Decided to stop consuming and start creating. Wrote my first HTML file. It was ugly. I was proud of it.

The Grind

Pushed through JavaScript confusion, CSS layout battles, and the humbling experience of reading other people's code.

The Shift

Started exploring AI and automation while learning web development. Realized that understanding how to build things comes before automating them.

Right Now

Building in public. Documenting every stumble and win. This site is the proof of work.

LEARN → BUILD → DOCUMENT → SHARE

Current Direction

Currently learning Node.js and backend development while improving my web development skills through projects. Every project is shared publicly, and every lesson becomes part of the journey.

Node.js AI Automation Building in Public

What's live right now

Current Mission

Five lenses. One direction. This is what I'm doing, learning, building, sharing, and aiming for — right now.

The paper trail

Build Log

Every entry is a real moment — something learned, shipped, written, or crossed off. No polish. Just the record.

Shipped, not imagined

Featured Projects

Real builds, real lessons. Every card is a thing that exists on the internet and taught me something to make.

Surrounded

Shipped

Surrounded

A top-down survival shooter built from scratch using the HTML5 Canvas API and vanilla JavaScript. The game features intelligent enemy AI, wave-based progression, multiple weapon systems, camera movement, particle effects, collision detection, responsive HUD, and polished gameplay mechanics while emphasizing clean architecture and performance.

HTML5 Canvas CSS JavaScript

Lesson learned

Building games taught me that every feature affects multiple systems. Careful planning, debugging, and modular design matter far more than writing large amounts of code.

Live demo GitHub

abhibuilds.com

Live

Personal Portfolio Website

Designed and coded from a blank file. Zero templates. The design system, color tokens, animation language — all built from scratch. This is the proof-of-work site that also doubles as the accountability record.

HTML CSS JavaScript

Lesson learned

Design tokens and a consistent spacing system aren't over-engineering — they're the thing that makes iteration fast. Spent more time up front on the system; spent far less time fighting CSS later.

Live site GitHub

Simon Game

Shipped

Simon Game

A browser-based memory game built using JavaScript. The project helped me understand event handling, game logic, state management, and user interaction while recreating a classic game experience.

HTML CSS JavaScript

Lesson learned

Complex projects are just small pieces connected together. Breaking game logic into steps made debugging much easier.

Live demo GitHub

Drum Kit

Shipped

Drum Kit

A browser-based drum kit built using JavaScript. The project helped me understand event handling, audio manipulation, and user interaction while creating a fun and interactive experience.

HTML CSS JavaScript

Lesson learned

User experience improves dramatically when interactions feel immediate and responsive.

Live demo GitHub

Dice Challenge

Shipped

Dice Challenge

A simple dice rolling game built using JavaScript. The project helped me understand DOM manipulation, event handling, and creating interactive user experiences.

HTML CSS JavaScript

Lesson learned

Even simple projects teach important concepts when you build them yourself instead of copying code blindly.

Live demo GitHub

What I work with

Tech Stack

Tools I've actually used, not just tools I've heard of. The list grows as projects demand it.

Frontend

HTML5 CSS3 JavaScript Responsive Design

Backend

Node.js Git

Tools

VS Code GitHub npm Terminal / CLI

Learning out loud

Content Hub

Documenting my web development journey through YouTube videos and LinkedIn posts. Sharing projects, lessons, mistakes, and progress as I learn.

No videos match your search. Try a different keyword.

No posts match your search. Try a different keyword.

Get in touch

Let's Connect.
Share Ideas.
Learn Together.

I'm always open to connecting with developers, creators, and curious builders. If you're learning, building, or documenting your journey too, I'd love to hear from you.

Email abhibuilds7@gmail.com

LinkedIn linkedin.com/in/abhinavhs0719

GitHub github.com/abhinavhs0719

YouTube youtube.com/@abhinavhs0719