MERN Stack Web Developer

HEMANATH AFK

Building immersive digital experiences through scalable engineering, cinematic interfaces, intelligent systems, and interactive 3D environments.

Scroll to Experience
LinkedInGitHubResume
About Me

Crafting Immersive
Digital Ecosystems

Passionate Full Stack Developer focused on creating beautiful, high-performance 3D web experiences, scalable backend applications, and smart AI integrations.

LocationPuducherry, India
EducationB.Tech Information Technology • Rajiv Gandhi College (2023–2027)
Academic RecordCumulative CGPA: 7.2
Development PhilosophyI believe in writing performance-driven, decoupled systems that serve practical human needs. I combine visual excellence with clean, crawlable semantic structures.

Current Engineering Focus

Advanced Frontend

Structuring component libraries, dynamic layouts, and performant state systems.

AI-Powered Apps

Integrating multimodal LLMs, prompt validation layers, and smart agents.

Cinematic Experiences

Linking scroll positions to real-time 3D camera animations and transitions.

Three.js & R3F

Writing optimized WebGL shaders, volumetric lighting, and particle loops.

Performance Tuning

Reducing GPU drawing bottlenecks, lazy-loading, and routing optimization.

Interactive UI Systems

Creating Apple-style physical UI models, soft neumorphic depth, and glassmorphism.

Technology

My Stack

A curated ecosystem of tools and technologies I use to craft high-performance digital experiences, from pixel-perfect frontends to intelligent backend systems.

FRONTEND

React.js
Next.js
TypeScript
JavaScript
Tailwind CSS
HTML5 & CSS3
Redux
Bootstrap

BACKEND & DATABASE

Node.js
Express.js
MongoDB
MySQL
REST APIs

AI & 3D

Gemini API
Prompt Engineering
Three.js
React Three Fiber
Lenis Scroll

TOOLS & WORKFLOW

Git & GitHub
VS Code
Postman
MongoDB Compass
Portfolio Showcase

Featured Project Launches

Explore a premium product launch breakdown detailing production features, tech stack stacks, and highlights.

Featured Project • Active Spec

QuantumCart

Full-Stack MERN E-Commerce Platform

QuantumCart is a production-ready, highly scalable MERN stack e-commerce platform. Engineered for maximum search discoverability, it utilizes React routing to coordinate seamless REST API communications, secure session verifications, and an optimized, responsive checkout flow.

GitHub

QuantumCart was built with usability and transactional integrity in mind. The primary operational highlights include:

  • 01.
    Product Inventory SystemsDynamic admin control panels for real-time inventory management, Cloudinary asset uploads, and database price mutations.
  • 02.
    Optimized Cart OperationsRedux client-state slice synchronization, instant checkout calculations, and persistent storage caching.
  • 03.
    Secure Authentication PipelineEncryption workflows utilizing Bcrypt hashing, secure session tokens, and route-guarding middleware.
  • 04.
    Scalable Full-Stack BackboneModular architecture separating client and server layers with robust Express routing.
Platform: MERN StackTarget: Scalable Web Clients
Open Source Contributions

Open Source & Developer Tools

Building tools for developers, contributing to the open-source ecosystem, and sharing reusable solutions with the community.

Featured Contribution

AFK Motion

Lightweight JavaScript Animation Library

AFK Motion is an open-source npm package designed to simplify the implementation of smooth UI interactions and reusable motion effects in modern web applications.

Originally created while developing personal and freelance projects, the library was built to eliminate repetitive animation logic and provide developers with a simple, reusable motion toolkit.

JavaScriptNode.jsnpmES ModulesReact Compatible

AFK Motion was designed with a focus on size, developer ergonomics, and native execution:

  • 01.
    Reusable Motion UtilitiesPre-built animation helpers designed to reduce boilerplate code and accelerate UI development.
  • 02.
    JavaScript FirstBuilt with accessibility and adoption in mind, making integration straightforward for JavaScript-based projects.
  • 03.
    Lightweight ArchitectureFocused on performance and simplicity without introducing unnecessary complexity.
  • 04.
    Developer ExperienceEasy installation, clean APIs, and straightforward integration patterns for modern frontend applications.
View Packagenpm RegistryDocumentationGitHub Repository
Open Source Contributions01 Published npm Package1.0.0 Initial ReleaseJavaScript Animation LibraryAvailable on npm Registry
Journey

The Road So Far

2023 — BEGINNING

First Lines of Code

Started with HTML, CSS, and vanilla JavaScript. Built small projects to understand how the web works — from simple landing pages to interactive UI experiments. The spark was lit.

2024 — GROWTH

Entering the MERN Stack

Dove deep into React.js, Node.js, Express, and MongoDB. Built my first full-stack applications — a chat app, a task manager, and a basic e-commerce platform. Started understanding real-world architecture.

2025 — EXPANSION

TypeScript, AI & 3D Web

Leveled up to TypeScript and Next.js. Began experimenting with AI integrations using Google Gemini API. Discovered Three.js and React Three Fiber — building immersive 3D web experiences became a passion.

2026 — PUBLISHED AFK MOTION

Published AFK Motion

Successfully designed, developed, documented, and published the open-source package @hemanath-afk/afk-motion, making reusable animation utilities available to the JavaScript developer community.

2026 — NOW

Production-Grade Engineering

Focusing on production-ready systems — performance optimization, scalable architecture, advanced motion design, and building AI-powered products that deliver real user value.

Research

Research & Publications

Exploring intelligent systems, immersive engineering, and scalable digital experiences through technical research and experimental development.

Featured Publication — International Journal

AI-Powered Smart Recruitment System for Intelligent Candidate Evaluation and Hiring Optimization

JournalResearch Journal of Wave
StatusPublished

Abstract

This research explores the development of an AI-powered smart recruitment platform capable of improving candidate evaluation workflows, intelligent hiring optimization, and scalable recruitment interaction systems through modern full-stack engineering and intelligent automation pipelines.

Research Focus

Artificial IntelligenceSmart Recruitment SystemsIntelligent Candidate EvaluationFull Stack EngineeringScalable Web Architecture
View JournalRead PublicationView Certificate
Archive No.AR-2605325
JAAFR INDEX
Research Title

AI-Powered Smart Recruitment System for Intelligent Candidate Evaluation

TypeInternational Journal
Peer ReviewJAAFR Approved

Exploring candidate matchmaking models, NLP ranking optimization, and real-time interaction metrics.

Contact

Let's Build
Something Real

Have a project idea, want to collaborate on a 3D web experience, or simply chat about Web development? Drop a message!

Email Directhemanathkalai29@gmail.com
Phone Call+91 8778246378
LinkedInGitHub Repository

Send an Instant Message

© 2026 HEMANATH AFK. All rights reserved.

Built from scratch using Next.js, Three.js, and modern web technologies.