Three React builds in production: PerfectCareer's automation-driven platform, Reidius Infra Global's Dubai villa-construction site, and the Reidius Infra lead-gen landing page — same stack, same fast-shipping discipline.
PerfectCareer — an AstroVedansh platform that turns a person's birth details into a personalized career report — had its core platform built in just 5 days, followed by continuous enhancements, automation, and production improvements. I built it with guidance from Chirag Pachauri as Senior Developer, which shaped how I think about scalable, production-ready software.
Client-side rendering (CSR) — what PerfectCareer's frontend runs on — means the server sends a mostly-empty HTML shell plus a JavaScript bundle; the browser downloads that JS, executes it, and only then builds and paints the page. Fast to build, cheap to host, but there's a blank-ish moment while the JS finishes loading.
Server-side rendering (SSR) flips the order: the server renders the actual HTML for that specific request before sending it, so the browser has real content to paint immediately, then "hydrates" it with JavaScript to make it interactive. Slower to build per request, but a faster first paint and stronger out-of-the-box SEO — the trade-off that matters most on lead-generation pages, where the first few seconds decide whether a visitor stays.
React
Vite
Tailwind CSS
shadcn/ui
Redux Toolkit
Node.js
React Bits
Framer MotionReidius Infra's Dubai arm and its lead-generation landing page are two more React builds from the same discipline — different business, same describe-review-ship loop.
This shipped with guidance from Chirag Pachauri as Senior Developer — the same collaborator who guided the MagicMond Global build. Different companies, different stacks, same discipline: describe the change, review it, ship it.
Vibe coding means directing an AI coding agent with plain-language intent and iterating on its output, instead of hand-writing every line yourself. Here's what that actually looks like in practice, and where it earns its keep.
A practitioner's breakdown of how Claude Code and Cursor fit into a real development loop — planning, tool calls, verification, and where I still step in by hand.
A full breakdown of building MagicMond Global — the agency's own marketing site — end-to-end in 3 days with the MagicMond Magicians Team: the stack, the workflow, and the live result.
