Narendra Ram, Web designer & full-stack developer

I design it, build it, ship it — and keep it running.

Since 2018 I’ve taken products from a first sketch in Figma to fast, production-ready code: frontend, backend, servers and SEO. One person, no hand-offs, no lost context. These days I build with AI in the loop, run three products of my own, and keep learning whatever the next one needs.

Narendra Krishna Ram, smiling, in sunglasses and a black shirt
Narendra Krishna RamTirunelveli, Tamil Nadu — working worldwide
Open to new projects IST in Tirunelveli
years building
8+
for the web, since 2018
products I run
3
SignValid, OIData, ShotDemo
projects
35
sites, apps, stores and designs
posts
14
notes from the workbench

01 Products

Products I run

Designed, built, launched and operated by me: the interface, the code, the servers, payments and SEO. Each one taught me something new.

The SignValid home pageThe SignValid home page

Validates the digital signature on Indian government PDFs.

Checks the signature on e-Aadhaar, e-District certificates, DigiLocker documents and PAN e-cards against India’s official CCA trust hierarchy, then hands back a copy with a green tick that shows on any computer or printout.

  • Vue.js
  • TypeScript
  • Python
  • FastAPI
  • pyHanko
The OIData home pageThe OIData home page

Live open interest analytics for Indian options traders.

Live open interest for NIFTY, SENSEX, stock options and futures: option chain, trending OI, dealer positioning (GEX), straddle and strangle premiums, and a plain-language read of the session.

  • Vue.js
  • TypeScript
  • Python
  • FastAPI
  • Redis
  • Firebase
The ShotDemo home pageThe ShotDemo home page

Interactive product demos you pay for once.

Turns a Chrome recording, a website or a few screenshots into a guided product demo, with hotspots, a voice, lead forms, an AI agent and analytics, shared as a link, an embed or inside your own app.

  • Python
  • FastAPI
  • SQLite
  • Playwright
  • Cloudflare Workers

03 What I do

One person, the whole pipeline

From the first wireframe to the server it runs on, and the search results it shows up in.

  1. 01

    UI/UX design

    Interfaces designed in Figma, from low-fidelity sketches to high-fidelity prototypes and design systems, iterated until they click.

    • Figma
    • Wireframes
    • Prototyping
    • Design systems
  2. 02

    Frontend engineering

    Pixel-faithful builds of challenging designs: fast, responsive, accessible and pleasant to maintain.

    • Vue
    • React
    • Next.js
    • Nuxt
    • TypeScript
  3. 03

    Full-stack & e-commerce

    APIs, databases, sign-in and storefronts. Custom builds, or Shopify, WooCommerce and WordPress when they fit better.

    • Node.js
    • Python
    • Firebase
    • Shopify
    • WooCommerce
  4. 04

    Launch & beyond

    The unglamorous parts that make it real: SEO, ads, analytics, servers, DevOps and domain wrangling.

    • SEO
    • Digital marketing
    • DevOps
    • Domains

04 How I work

AI in the loop, taste in charge

I enjoy working with AI and vibe coding, and I never stop learning. The craft is knowing which details matter.

  1. 01

    Sketch it

    Every project starts in Figma: rough wireframes first, then high-fidelity prototypes, iterated until the flow feels obvious.

  2. 02

    Build it with AI

    I vibe code with AI agents like Claude Code and Cursor to get from idea to working software in hours, and keep the architecture, the taste and the details in my own hands.

  3. 03

    Ship it and run it

    Deploys, servers, payments, analytics and SEO. I run my own products in production, so I build for the day after launch, not just launch day.

  4. 04

    Learn the next thing

    Every product pulls me into something new: PDF signatures and PKI, options-market data, AI agents. I like it that way.