Skip to main content
Discuss an opportunity

I'm web developer

Build with React, Next.js, Node.js, Express.js, Tailwind CSS, Motion, TypeScript

I'm Ram Suryawanshi. I build with React, Next.js, Node.js, and MongoDB or PostgreSQL. I also design agentic workflows with AI.

Selected engineering work

Explore the interfaces, implementation choices, and evidence behind my projects.

bookmarks.devram.in/
My Bookmark landing page with its knowledge library introduction and interactive bookmark workspaceOpen project
My Bookmark recap showing its landing page and live demo dashboard with bookmarks, collections, and grid and list views.
Public beta

My Bookmark

A Next.js bookmark manager with metadata review, collections, search, and a local demo you can try without an account.

  • Next.js
  • Firebase
  • IndexedDB

Try 12 sample bookmarks through the login page. Demo changes stay on your device.

  • Metadata capture: Fetches page details for review before saving.

  • Collection structure: Keeps active, recent, and favorite links easy to scan.

  • Review-first flow: Lets people tune the saved details before filing.

sprintbit.vercel.app
SprintBit issue tracker landing page and engineering board screenshotOpen project
SprintBit guided preview showing its issue list, project board, and sprint planning surfaces.
Interface preview

SprintBit

An issue-tracker interface exploring lists, boards, and sprint planning, inspired by Linear.

  • React
  • Issue tracking
  • Interface design

An interface preview with sample work items. It does not demonstrate customer adoption or autonomous AI execution.

  • Board visibility: Shows issue state, priority, labels, owners, and dates.

  • Fast planning: Keeps filters, boards, and issue creation close together.

  • Planning views: Explores how issues and sprints fit into a shared workspace.

Tools across my projects

Selected tools for application data, deployment, and AI-assisted development.

  • Full-stack applications: React and Next.js applications with Node.js services, Express APIs, and database-backed workflows.
  • React and Next.js: Component architecture, application state, forms, and the loading and error states a user needs.
  • APIs and data: Node.js and Express APIs with MongoDB or PostgreSQL, chosen around the data and access patterns.
  • Delivery and testing: Type checks, behavior tests, and production builds help me review a change before release.
  • AI-assisted workflows: I use AI assistants to investigate, plan, and implement changes, with review and verification at each step.
  • Performance work: I inspect bundles and browser traces, make a focused change, and compare it against the same baseline.

How I approach the work

The interface, API, and data model need to work together. These are the areas I focus on when building and reviewing an application.

workflow.example

A change, from brief to checks

An illustration of my development workflow. These commands are examples, not a live build log.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • PostgreSQL
  • Docker
  • OpenAI
  • Claude
  • Vercel AI SDK

Integrations

Tools I use across application interfaces, data, and AI-assisted development.

Coding standards

The checks I use to review a change and explain what has been verified.

Looking for a full-stack engineer?

Let's discuss your team, technical challenges, and the role.