Rohan Kakkar Creative DevProblem Solver

I build experiences people remember — cinematic interfaces, full-stack systems, and the invisible details that make everything feel inevitable.

View My Work Start a project →

React · Next.js

Node.js · APIs

HTML · CSS · JS

Figma · UI/UX

Python

Scroll to explore

Creative Development✦ React / Next.js✦ Node.js Backends✦ UI / UX Design✦ Python Scripting✦ Figma Prototyping✦ CSS Animation✦ REST APIs✦ Creative Development✦ React / Next.js✦ Node.js Backends✦ UI / UX Design✦ Python Scripting✦ Figma Prototyping✦ CSS Animation✦ REST APIs✦

2+ Years of craft

Who I Am

Crafting code
with intent

I'm Rohan Kakkar — a Creative Developer who believes the web should be more than functional. It should be felt. Every project gets obsessive attention to detail, whether it's a micro-interaction or a full-stack architecture.

My stack spans from pixel-perfect React interfaces to Node.js APIs, from Figma wireframes to Python automation. I don't just write code — I engineer experiences.

React

Next.js

Node.js

Express

Python

Figma

HTML5

CSS3

JavaScript

REST APIs

Git

GitHub

0Live Sites

0Years Exp

0Core Skills

0% Dedication

Deep Expertise

Skills & Mastery

React / Next.js85%

Component architecture, hooks, SSR/SSG, routing, state management

HTML · CSS · JS95%

Semantic HTML5, advanced CSS animations, ES6+, Canvas API, Web APIs

Node.js / Backend75%

Express.js, REST APIs, middleware, authentication, MongoDB basics

Figma / Design70%

Wireframing, prototyping, design systems, component libraries

Python65%

Scripting, automation, Flask basics, data handling, web scraping

Technology Stack

⚛️

React

Advanced

▲

Next.js

Advanced

🟩

Node.js

Proficient

🎨

CSS3

Expert

⚡

JavaScript

Expert

🖌️

Figma

Proficient

🐍

Python

Intermediate

🐙

Git/GitHub

Proficient

📦

REST APIs

Proficient

Selected Work

Thirteen Live
Projects

❀Mapleins

Moving abroad?
You're not alone.

Toronto newcomersWhere do I apply for my SIN?

Service Canada on Yonge — bring your permit 👋

Calgary · essentialsFree winter coat, pickup Sat

Waitlist open

01 / 13

↗

Community · Pre-launch

Mapleins

Platform connecting people moving to a new country with others in their city — city groups, a status-based settling-in checklist, essentials from locals, and anonymous Q&A. Waitlist is live; product in development.

Next.jsReactTypeScript

Join Waitlist →

InventoryWHMISForklift

AI SaaS · Resume Tool

Fix My Resume

AI resume editor for the Canadian job market. Rewrites resumes into Canadian ATS format, tailors them to a target role and city, and exports polished PDFs plus an interview-prep guide. Free, donation-supported.

Next.jsReactAI/MLTypeScript

The Alder

Interactive 3D condo sales experience. Click any floor or window for brochure-style floor plans, filter homes by price and bedrooms, switch day to night, and see the view from each suite.

Three.jsWebGLJavaScriptSVG

Dev Tools · Analytics

Dev Pulse

GitHub analytics dashboard. Visualizes activity, language mix, streaks, and momentum in a cinematic dark UI. Shareable PNG export.

Next.jsReactGitHub APIDark UI

Live Site →GitHub ↗

✦ SKETCHBOOK 2025

Rohan I.
The Hero

Character Illustration Design

05 / 13

↗

Creative · Illustration

Sketchbook

A personal creative sketchbook showcasing character design and illustration work. Hand-crafted visuals and original character concepts.

DesignIllustrationCharacter ArtCreative

Live Site →GitHub ↗

📅 Appointly

Booking open

✦ Premium Salon & Spa

Book your perfect
appointment

New York · Real-time availability

SaaS · Booking System

Appointly

Full-stack salon booking platform. Supabase Auth + RLS, 4-step booking flow, admin dashboard with live analytics and Chart.js charts.

ReactTypeScriptTailwind

Dev Tools · Link-in-Bio

DevCard

The link-in-bio built for developers. Live GitHub stats, 50+ tech stack badges, DevCard score, click analytics, and shareable profile cards.

Next.jsSupabaseGitHub APITailwind

Live Site →GitHub ↗

◆ stalejs 1.3kb · zero deps

stale('#price', {
  ttl: '30s',
  refetch: () => fetch('/api/price'),
  update: (el, data) =>
    { el.textContent = data.price }
})

Tab aware Viewport Network Auto cleanup

Works with any stack — vanilla · React · Vue · Svelte · HTMX

08 / 13

↗

Open Source · JS Library

stalejs

1.3kb zero-dependency library that keeps any DOM element automatically up to date. Handles polling, tab visibility, viewport detection, network reconnect and cleanup — all in one call.

JavaScriptVanilla JSZero DepsOpen Source

Aurora Agency

Dark-gold luxury agency site. Magnetic cursor, animated hero, geometric SVG grid, and cinematic composition.

HTML/CSSVanilla JSAnimationsCustom Cursor

Pulse Nightlife

Cyberpunk neon club site. 80-bar audio visualizer on Canvas, real-time countdown, glitch text.

Canvas APIGlitch FXCountdownNeon CSS

Verdure Restaurant

Farm-to-table restaurant. Interactive tabbed menu with 24 dishes, reservation form, botanical animations.

Tab SystemFormsScroll FXCSS Vars

Axiom SaaS

Analytics platform UI. Particle network, live chart canvas, animated stat counters, 3D dashboard preview.

Canvas APIParticles3D CSSCounters

Solstice Watches

Swiss luxury watch brand. Live working clock, 3D tilt, animated gear rotation, trailing cursor, editorial layout.

Live Clock3D TiltCustom CursorSVG Anim

Live Site →GitHub ↗

←

→

Drag or click arrows to browse

Under the Hood

Code with Depth

Not just a designer who codes — a developer who thinks in systems.

⚛️

React Architecture

Custom hooks, context API, compound components, performance optimization.

🌐

Full-Stack Thinking

Node.js REST APIs with Express, JWT auth, middleware chains, error handling.

🎨

CSS Mastery

Custom properties, keyframe choreography, clip-path morphing, scroll-driven animations.

🚀

Canvas & Web APIs

Canvas 2D for visualizers, IntersectionObserver, requestAnimationFrame loops.

useParticleSystem.js

My Journey

Where I've Grown

2025 — Present

Freelance Creative Developer

Independent · Remote Worldwide

Designing and engineering complete digital experiences — six production-deployed sites showcasing luxury, SaaS, nightlife, restaurant, booking, and editorial styles.

2024

Advanced Frontend & Full-Stack

Intensive Self-Study

Deep-dived into React, Next.js App Router, Node.js/Express, REST API patterns, and advanced CSS animation including Canvas API and Web Animations API.

2023

Foundation — The Spark

Beginning the Craft

Mastered HTML5, CSS3, and JavaScript fundamentals. Built first interactive projects. Discovered a deep passion for design, motion, and code.

I don't just build websites. I build experiences people remember long after they close the tab.

Rohan Kakkar · Creative Developer

✦

Design-Led

Aesthetic direction comes first. Clear visual identity before code is written.

⚡

Performance

Beautiful means nothing without fast. Clean, optimized, production-ready code.

🌐

Full-Stack

From Figma frames to Node APIs — the full stack of modern web development.

🔬

Detail-Obsessed

The gap between good and unforgettable lives in the micro-details. I live there.

Get In Touch

Let's build
something great

Have a project, a role, or just want to say hi? I'm always open to new work, collaborations, and interesting conversations.

✉

Emailrohan61034kakkar@gmail.com

GH

GitHubgithub.com/kptaan13

in

LinkedInlinkedin.com/in/thekrohankakkar

Rohan Kakkar Creative DevProblem Solver

Crafting codewith intent

Skills & Mastery

Thirteen LiveProjects

Mapleins

Fix My Resume

The Alder

Dev Pulse

Sketchbook

Appointly

DevCard

stalejs

Aurora Agency

Pulse Nightlife

Verdure Restaurant

Axiom SaaS

Solstice Watches

Code with Depth

Where I've Grown

Let's buildsomething great

Crafting code
with intent

Thirteen Live
Projects

Let's build
something great