Two sides. One developer.

Bijay Kumar MaharjanFull Stack JS Developer

Full Stack JS Developer specializing in Next.js, NestJS, and PostgreSQL — building responsive, high-performance, fully CMS-driven web applications and custom admin dashboards.

BOARD_POS: [e1]DISCIPLINE: FULL_STACK_JSROLE: JUNIOR_JS_DEVELOPER @ NXIN
NAVIGATION METAPHOR

The Grandmaster Grid

Six pieces. Six architectural layers. Select any piece on the board to jump directly to its respective discipline.

8
7
6
5
4
3
2
1
Active Discipline:Overview
Engineer AffinityCreator Affinity
♔ KINGCOORDINATE [e1]

Two Sides. One Developer.

Every resilient software ecosystem requires a balanced duality: the disciplined structure of back-end architecture and the expressive fluidity of front-end engineering.

01 — PERSPECTIVE

Full Stack Developer with expertise in the MERN/PERN stack (React, Next.js, Node.js, NestJS, PostgreSQL), focused on building responsive, high-performance, fully CMS-driven web applications — both the customer-facing frontend and the admin/CMS dashboards that power them.

02 — PERSPECTIVE

Experienced across the full product lifecycle: architecture, backend APIs, database design, and polished frontend delivery.

03 — PERSPECTIVE

Currently working as a Junior JS Developer at NXIN, Kathmandu.

The Two Sides of My Craft

SYSTEM ARCHITECTENGINEER MOOD

The White Side — System Architect

Designing structured NestJS services, REST APIs, WebSockets, and optimized PostgreSQL relational models.

Core Pillars:
NestJS & Node.jsPostgreSQL Database DesignREST APIs & WebSocketsCMS Architecture
VISUAL TACTICIANCREATOR MOOD

The Black Side — Visual Tactician

Crafting fluid Next.js & React interfaces with Zustand, Tailwind CSS, Mantine UI, and Framer Motion.

Core Pillars:
Next.js & React 19TypeScript & ZustandTailwind CSS & Mantine UIFramer Motion

Core Operating Principles

1

Every Move Has Purpose

No dead code or superfluous abstractions. Every architectural and visual choice serves user performance and maintainability.

2

Full Lifecycle Ownership

From database schema design and backend API contracts to responsive client UI and CMS dashboards.

3

Resilient & CMS-Driven

Building flexible, admin-controlled platforms that scale smoothly with evolving content and business operations.

♕ QUEENCOORDINATE [d8]

Selected Work — CMS-Driven Platforms

Full stack web applications and static sites. Customer-facing storefronts coupled with comprehensive custom CMS admin dashboards.

Project DetailLive

Biruwapasa

Full stack — frontend & backend, CMS-driven e-commerce

A CMS-driven e-commerce platform for plants, gardening products, and related supplies, supported by a custom administrative and sales dashboard.

Next.jsNestJSPostgreSQLTypeORMZustandTailwind CSSMantine UI
01 — Problem

Catalog, pricing, and promotions needed to change constantly — without a developer touching code for every update.

02 — Architecture

Next.js storefront talks to a NestJS + PostgreSQL backend. Catalog and business data are managed through a separate CMS-style admin dashboard, kept consistent with the storefront through shared API and component patterns.

03 — Challenge

Keeping a fast-changing catalog easy to manage without slowing down the customer-facing storefront.

04 — Solution

Built the CMS as its own layer so business data stays editable independently of the storefront UI, with validation and business logic centralized in the backend rather than assumed on the frontend.

05 — Result

A live e-commerce platform the business team runs day-to-day without needing a developer for routine changes.

♖ ROOKCOORDINATE [a8]

Engineering — System Architecture

A cohesive full-stack architecture: Next.js frontend clients and CMS dashboards, NestJS backend API services, and normalized PostgreSQL data persistence.

Core System FlowFRONTEND → BACKEND → DB
ARCHITECTURE TIER 01

01. Presentation & Client UI (Next.js)

Building customer storefronts and comprehensive administrative dashboards with type-safe state management.

Technologies & Focus Areas

Next.js & ReactApp Router, SSR, Server Components, client state
TypeScript & ZustandStrict type safety and predictable store state
Tailwind CSS & Mantine UIDesign systems, responsive layouts, modular admin components
Framer Motion & WebSocketsSmooth micro-interactions and real-time live events

Key Principles

  • Sub-100ms interaction response
  • Modular, reusable CMS dashboard components
  • Type-safe client-server contracts
Earlier & Secondary ToolsTools from earlier projects & workflows
FirebaseMongoDBExpressGitPostmanJira
♗ BISHOPCOORDINATE [c1]

Design — Interaction & Spatial Rhythm

Design is the dialogue between human intuition and computing systems. I engineer design systems that combine micro-typography, dynamic token themes, and buttery 60fps animations.

Design System Study

Harmonic Design Systems & Dynamic Palettes

Design is not decorative styling; it is how communication happens with users. I craft strict design token architectures using HSL/CSS custom properties that ensure consistent rhythm, micro-typography hierarchy, and frictionless readability across dark and light environments.

Contrast Ratio12.4:1 on primary text
Token Uniformity100% token-based variables
Accessibility Rating100 / 100 Lighthouse score

Architectural Invariants & Implementations

Typography & Hierarchy

Geist & Sans pairing with tight tracking for headlines, generous line-heights for narrative text, and mono accents for technical data.

Micro-Interactions

Tactile hover feedback, subtle proximity cursor tilts, and layout-preserving spring animations that feel organic rather than jarring.

Spatial Grid & Layout

8pt spatial system with container-relative padding preventing awkward edge-bleeding on foldables and ultrawide displays.

Principles in Practice

Mathematical typography scale based on 1.250 (Major Third) ratioSemantic color tokens decoupling theme state from structural CSSHigh contrast WCAG AAA compliance across interactive states
♘ KNIGHTCOORDINATE [g1]

Problem Solving — The Tactical Maneuvers

Real engineering war stories from production fire-fights. Interactive "Check" decision moments where a single architectural choice separates systemic failure from rock-solid resilience.

TACTICAL WAR STORY01 — Check: State Asynchrony

The Ghost Order: Webhook vs. Frontend Redirect Race

During a flash sale on an e-commerce platform, users who completed 3D-Secure payment were occasionally seeing 'Payment Failed' on screen, even though their credit cards were charged.

The "Check" Condition

The browser redirected faster than the payment gateway webhook arrived, creating an asynchronous race condition between the client verification poller and the asynchronous server ledger.

Incident Event Chain & Resolution Flow

MOVE 01trigger
User Completes 3DS Auth

Payment gateway processes charge and redirects user back to return_url while firing webhook asynchronously.

MOVE 02failure
Client Arrives Early

Browser hits /checkout/status before the webhook finishes parsing in the backend.

MOVE 03solution
Optimistic Polling & Redis Lock

Frontend initiates a short SSE/polling channel while backend holds an idempotency lock until webhook verification settles.

MOVE 04outcome
Guaranteed Single Settlement

Order transitions from 'verifying' to 'confirmed' within 400ms without duplicate charges or false rejections.

YOUR TURN TO MOVE — WHAT WOULD YOU DO?

The client lands on the success page before the webhook hits your API. How do you verify payment state without exposing client keys or trusting client payloads?

POST-MORTEM TAKEAWAY:Never treat client redirect payloads as truth. Build idempotent dual-channel verification for payment critical paths.
♙ PAWNCOORDINATE [e2]

Journey & Growth — Forward Progression

In chess, the pawn only moves forward — step by step, square by square — culminating in continuous transformation and mastery.

Education & Experience Timeline

01

SEE

Trilok Children's Academy, Balaju-16, Kathmandu
Education2017
02

+2

Ashirwad College, Abhiyan Marg, Kathmandu
Education2017 – 2019
03

Bachelor of Information Management (BIM)

Asian School of Management and Technology, Gongabu, Kathmandu
Education2019 – 2024
04

Full Stack Developer Course

Krafters Technology, Kumaripati, Lalitpur
MilestoneSeptember 2023
05

Internship

Krafters Technology, Kumaripati, Lalitpur
ExperienceApril 2024
06

Junior JS Developer

NXIN, Tahachal, Kathmandu
ExperiencePresent

Currently Exploring

01 • FOCUS

Advanced React patterns

In progress ▹
02 • FOCUS

System architecture & scalability

In progress ▹
03 • FOCUS

Performance optimization

In progress ▹
04 • FOCUS

AI/LLM integrations

In progress ▹