MERN Full-Stack Developer

AJAI

SURENDRAN

I'm a Full Stack Developer specializing in AI-powered applications, modern web technologies, and immersive digital experiences. Expertise spans the MERN stack, Next.js, Frappe Framework, and ERPNext, plus GSAP, Framer Motion, Three.js, Blender, Keycloak (OAuth 2.0, OIDC, SSO, RBAC), Payload CMS, n8n, and LLM/RAG workflows.

Scroll — moon to sunrise

Explore Pillars 3D Avatar Site LinkedIn

Scroll to sunrise

Digital Identity

Not an about page — a living profile

Currently at Faircode · Kochi

MERN Full-Stack Developer

Ajai Surendran

— Ajai Surendran

KeycloakFrappeERPNextPayload CMSThree.jsn8nNext.jsMongoDB

BaseKothamangalam, Kerala 686691Coffee > meetings

FocusMERN · Keycloak · FrappeSSO · OIDC · RBAC

EducationB.Tech Mechanical · SNGCEGraduated Nov 2017

LanguagesEN/ML C2 · TA/HI C1User-first communicator

Core Architecture

4 Pillars

MERN Full-Stack Ecosystems

Architecting robust, scalable backend systems and real-time state synchronization.

3D Training Application Architecture

Engineering immersive WebGL simulators and real-time 3D training engines that bridge instructional design with hyper-responsive rendering.

Scalable Engineering

Building high-throughput data layers, analytics tracking, and AI-powered workflows that scale from prototype to enterprise.

Immersive Web Architecture

Merging scroll-driven narratives, physics-based interactions, and cinematic motion into cohesive single-page experiences.

My Journey

Scroll the story arc

From customer ops to enterprise IAM and 3D playgrounds — each milestone sharpened how I ship immersive products.

2018

Premier Evolvics · Gantry

PLC programming and assembly of pick-and-place gantry robots — manufacturing foundations.

2019

Sutherland · Amazon NA

Associate CS Internet — North America Amazon customer operations, training, and process improvement.

2021

Concentrix · Axis Bank

Senior Associate — pan-India Axis Bank customer operations with strong service and collaboration outcomes.

2022

Freelance · 3D Web

Full-stack MERN freelancer in Bangalore — Three.js optimization, GSAP/Framer Motion, responsive UIs.

2024

Faircode · Kochi

MERN Full-Stack Developer — Keycloak IAM, Frappe/ERPNext, Payload CMS, RAG agents, n8n, and voice AI assistants.

2026

Kalyan Jewellers · IAM

Unified login portal for internal apps with Keycloak, Frappe, and React — SSO, RBAC, and enterprise user management.

Tech Orbit

Stack Constellation

Eight core technologies in continuous orbit — from MERN foundations to immersive 3D pipelines. Hover any node to trace the connection.

Core Language

JavaScript

ES6+, async patterns, and performance-tuned logic powering every layer of the stack.

Open Full Orbit

MERN+ 3D

Signal Board

Numbers with motion

0+Years Experience

0+Payload CMS Sites

0+Live Client Platforms

03D Play Maps

0+Core Stack Tools

0Languages Spoken

Experience Archive

Work History — Page by Page

Scroll to turn pages — a lean resume book: Profile, Faircode, earlier roles, skills, projects, education, and contact.

Download Resume (PDF)

Works

1

2

3

4

5

6

7

8

Ongoing

Kalyan Jewellers

Unified login portal for internal applications using Keycloak, Frappe, and React — centralized SSO, RBAC, and enterprise identity management.

Live

3D Avatar Portfolio

Interactive Three.js / WebGL avatar experience — React, real-time 3D modeling, and immersive portfolio storytelling at 3d.ajaisurendran.in.

Live

Kochi-Muziris Biennale

Full-stack Payload CMS build for KMB 2025 — rich visual design, smooth animations, and scalable content management for India's premier contemporary art event.

Live

Deshabhimani

Full-stack Payload CMS news platform — CMS architecture, APIs, editorial workflows, authentication, and performance-focused publishing.

Live

Sharon Pipes Rewards

Backend for a points-based mobile rewards platform — bill scanning, season rewards, redeem/transfer, TDS calculation, and a full admin panel.

Live

NavaTelangana

Payload CMS news platform — scalable architecture, editorial workflows, API integrations, and high-performance Telugu news delivery.

Live

Prajasakti

Full-stack Payload CMS build for Prajasakti — content management, APIs, responsive frontend, and performance-tuned news delivery.

Ongoing

Gallium Filters

Industrial filtration brand platform — product discovery, cross-references, and digital commerce for a global filter portfolio. Ongoing.

Project Universe

Float through the work constellation

Aceternity-style 3D cards for each engagement — hover to lift layers, peek tech story, and jump to live worlds.

Ongoing

Kalyan Jewellers

Unified login portal for internal applications using Keycloak, Frappe, and React — centralized SSO, RBAC, and enterprise identity management.

Ongoing build

Live

3D Avatar Portfolio

Interactive Three.js / WebGL avatar experience — React, real-time 3D modeling, and immersive portfolio storytelling at 3d.ajaisurendran.in.

Open world →

Live

Kochi-Muziris Biennale

Full-stack Payload CMS build for KMB 2025 — rich visual design, smooth animations, and scalable content management for India's premier contemporary art event.

Open world →

Live

Deshabhimani

Full-stack Payload CMS news platform — CMS architecture, APIs, editorial workflows, authentication, and performance-focused publishing.

Open world →

Live

Sharon Pipes Rewards

Backend for a points-based mobile rewards platform — bill scanning, season rewards, redeem/transfer, TDS calculation, and a full admin panel.

Open world →

Live

NavaTelangana

Payload CMS news platform — scalable architecture, editorial workflows, API integrations, and high-performance Telugu news delivery.

Open world →

Live

Prajasakti

Full-stack Payload CMS build for Prajasakti — content management, APIs, responsive frontend, and performance-tuned news delivery.

Open world →

Ongoing

Gallium Filters

Industrial filtration brand platform — product discovery, cross-references, and digital commerce for a global filter portfolio. Ongoing.

Open world →

Creative Process

A circular craft loop

Hover any node — discovery through maintenance, always orbiting the product.

BuildLoop

Code Playground

Watch the shipping ritual

An animated terminal that loops the same muscle memory behind this portfolio — branch, build, deploy, explore.

ajai@portfolio — zsh

█

The Sandbox · Logo Hunt

Play the 3D Logo Hunt

Drop into a third-person playground and race to find a hidden logo on every map. Explore five handcrafted 3D worlds, switch difficulty, chase Super Jump boosts, and race the clock — built with React Three Fiber, physics, and real progress tracking.

01Animal Crossing

02Medieval Book

03Castle On Hills

04City Scene Tokyo

05De Dust 2

Difficulty

Smaller logo, farther across the map. Game starts at this level — replay anytime to beat your time.

5 World Maps

Hunt logos across Animal Crossing, Medieval Book, Castle, Tokyo City, and Dust 2.

Third-Person Control

WASD movement, mouse look, Shift to sprint — or on-screen touch controls on mobile.

Difficulty Scaling

Easy, Medium, or Hard — logo size and spawn distance change how deep you search.

Super Jump Power-Up

Grab the rocket boost mid-run for a timed leap across the map and faster clears.

Timed Leaderboard

Collect every logo, beat your personal best, and climb the Logo Hunt rankings.

Collect & Progress

One logo per map — walk up, press Enter (or tap Collect), and unlock the next world.

How to play: Enter playground mode → pick Easy / Medium / Hard → explore with WASD + Shift → find the logo → press Enter to collect → clear all five maps for a ranked time.

Premium Showcase

Play 3 Card Poker vs AI Dealer

A AAA-quality 3D casino experience built with React Three Fiber, real poker logic, animated cards, and an AI dealer that thinks before it plays. No placeholders — full rules, payouts, and portfolio integration.

Real 3 Card Poker rulesAI dealer with 50+ phrasesPBR table & card animationsWin stats in localStorage

Enter the Casino

Digital Lab

Particle playground experiments

A lightweight canvas study — the same curiosity that powers Logo Hunt, Poker, and scroll cinema.

Signal from collaborators

Glass cards in infinite drift

★★★★★

“Ajai turns dense MERN and CMS requirements into calm, shippable systems — and still finds room for craft.”

★★★★★

“The Biennale build balanced rich visuals with a scalable Payload CMS — interactions feel intentional.”

★★★★★

“Keycloak + Frappe IAM work was precise. SSO and RBAC became operable across internal apps.”

★★★★★

“From Payload CMS news stacks to n8n and RAG workflows — fast iteration without losing architecture discipline.”

★★★★★

“Ajai turns dense MERN and CMS requirements into calm, shippable systems — and still finds room for craft.”

★★★★★

“The Biennale build balanced rich visuals with a scalable Payload CMS — interactions feel intentional.”

★★★★★

“Keycloak + Frappe IAM work was precise. SSO and RBAC became operable across internal apps.”

★★★★★

“From Payload CMS news stacks to n8n and RAG workflows — fast iteration without losing architecture discipline.”

Fun Facts

Flip for easter eggs

Contact Matrix

Ready to architect
your next immersive product?

LinkedIn Email Me

AJAI

SURENDRAN

Not an about page — a living profile

Ajai Surendran

4 Pillars

MERN Full-Stack Ecosystems

3D Training Application Architecture

Scalable Engineering

Immersive Web Architecture

Scroll the story arc

Premier Evolvics · Gantry

Sutherland · Amazon NA

Concentrix · Axis Bank

Freelance · 3D Web

Faircode · Kochi

Kalyan Jewellers · IAM

Stack Constellation

JavaScript

Numbers with motion

Work History — Page by Page

Works

1

2

3

4

5

6

7

8

Kalyan Jewellers

3D Avatar Portfolio

Kochi-Muziris Biennale

Deshabhimani

Sharon Pipes Rewards

NavaTelangana

Prajasakti

Gallium Filters

Float through the work constellation

Kalyan Jewellers

3D Avatar Portfolio

Kochi-Muziris Biennale

Deshabhimani

Sharon Pipes Rewards

NavaTelangana

Prajasakti

Gallium Filters

A circular craft loop

Watch the shipping ritual

Play the 3D Logo Hunt

5 World Maps

Third-Person Control

Difficulty Scaling

Super Jump Power-Up

Timed Leaderboard

Collect & Progress

Play 3 Card Poker vs AI Dealer

Particle playground experiments

Glass cards in infinite drift

Flip for easter eggs

Ready to architectyour next immersive product?

Not an about page — a living profile

Ajai Surendran

Stack Constellation

JavaScript

Numbers with motion

Work History — Page by Page

Works

1

2

3

4

5

6

7

8

Kalyan Jewellers

3D Avatar Portfolio

Kochi-Muziris Biennale

Deshabhimani

Sharon Pipes Rewards

Ready to architect
your next immersive product?