Open for full-time
& freelance work
About
- I'm a Design Engineer obsessed with creating immersive digital experiences.
- I design and develop modern interfaces with React,TypeScript, Motion, and GSAP, focusing on interaction, storytelling, and fluid user experiences.
- I also work across the backend with Node.js, Bun, PostgreSQL, and MongoDB to build fast, scalable, full-stack applications.
- I enjoy turning complex ideas into clean, engaging products that balance aesthetics with performance.
Experience
- Developed and maintained web applications using HTML, CSS, and JavaScript.
- Collaborated with cross-functional teams to deliver high-quality software on time.
- Design & Developed multiple websites for clients.
Projects
Components
Mac Keyboard
Interactive Mac keyboard replica with real-time keystroke tracking, sound feedback, and Space Black / Silver themes.
Interactive · SoundView Component- Generating image0s
Image Generation Card
Recreates the AI image-generation state used in ChatGPT, DALL·E, and Midjourney — blinking grid, blur-to-focus reveal, shine sweep, and a live generation timer.
UI · AnimationView Component
Hello
Page Loader
Multilingual greeting text loader built with Motion. Each word fades into the next without blocking the page.
Animation · UIView Component- esc20 countriesmoveselect
Search Bar
Command-palette style searchable dropdown with keyboard navigation (↑/↓/Enter/Esc), live match highlighting, animated active pill, and click-outside dismissal.
Interactive · UIView Component
Stack
GitHub Activity
0 contributions in 2026
Blogs
Getting Started with Neovim and LazyVim
A comprehensive developer's guide to transitioning from modern IDEs to Neovim using the LazyVim framework, covering configuration, modal editing, and essential keyboard workflows.
NeovimLazyVimIDE- Published on
Read More
State Management in React: A Beginner's Guide
Understand how to manage state in React effectively using useState, useReducer, and context API.
ReactState ManagementHooks- Published on
Read More
Animating Components in React with Framer Motion
Learn how to bring your React components to life using Framer Motion.
ReactFramer Motion- Published on
Read More
Routing in Next.js (App Router) - A Complete Guide (2025)
A guide to routing in Next.js (App Router) covering Catch-All Segments, Dynamic Routes, Nested Routes, and more.
frontenddevelopmentnextjs- Published on
Read More
Scrolled To Far
If you've read this far, you might be interested in what I do.
Setup
Gears Used
Productivity Tools, Gears i use to get my work done.
Bookmarks
Curated list of interesting websites, tools, and portfolios.