Manu H N
👋

Hello, I am Manu H N, I'm a

I enjoy building sites & apps. My focus is Full Stack - (MERN & Next.js)

About Me

I’m a Full Stack Developer focused on building scalable, production-grade web applications with strong expertise in frontend engineering. I primarily work with React, Next.js, and TypeScript, and have hands-on experience developing real-time systems, data-intensive dashboards, and performance-optimized user interfaces.

Currently working as a Frontend Developer at Demetrix Infotech, I’ve contributed to live production platforms including a real-time commodity trading system with traceability. I implemented WebSocket-based live updates, geospatial visualizations, and improved performance through optimized architecture and state management.

I focus on writing clean, maintainable code and designing systems that scale. From API integration to deployment, I approach development with an emphasis on performance, reliability, and real-world usability.

When I'm not coding, I spend time reading and exploring the stock market, constantly learning and refining my thinking.

Here's What I've Built and Building

Trace2Trade

Trace2Trade

Owned and architected the frontend of a real-time commodity trading platform with traceability using Next.js and TypeScript. Implemented WebSocket-based live price updates, geospatial tracking with Pigeon Maps, and improved performance by 40% through code splitting, lazy loading, and optimized state management.

  • Next.js
  • TypeScript
  • WebSockets
  • Pigeon Maps
Palm Oil Analytics Dashboard

Palm Oil Analytics Dashboard

Developed a data-intensive analytics dashboard using React, Vite, Tailwind CSS, Zustand, and TanStack Query. Optimized API caching and fetching strategies to reduce redundant network calls and improve performance.

  • React
  • Zustand
  • TanStack Query
  • Tailwind
Farmer Insights Dashboard

Farmer Insights Dashboard

Built scalable dashboards handling large datasets with charts, tables, and map-based visualizations. Implemented geo-location based insights and a rule-based advisory system for crop recommendations.

  • React
  • Charts
  • Maps
  • Data Handling
Merge.online

Merge.online

Deployed a full-stack application on AWS EC2 with Nginx reverse proxy and PM2 process management. Configured production environments and optimized build workflows, currently integrating CI/CD using GitHub Actions.

  • Node.js
  • AWS EC2
  • Nginx
  • PM2
  • CI/CD

How I Build & What I Use

How I Build

I build production-ready applications with a focus on performance, scalability, and real-world usability. I start by understanding system requirements and data flow, then design clean, maintainable architectures. I prioritize efficient state management, API integration, and performance optimization. From development to deployment, I ensure reliability, continuously monitor, and iterate based on real usage.

What I Use

  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Zustand
  • TanStack Query
  • Redux Toolkit
  • Tailwind CSS
  • WebSockets

Additional Tech and Tools

  • AWS
  • Nginx
  • PM2
  • GitHub Actions
  • Postman
  • Firebase
  • Clerk
  • Framer Motion

Career Journey

Frontend Developer

Full-Time

Demetrix Infotech Pvt. Ltd, Bengaluru, India

Junior Application Developer Intern

Internship

Demetrix Infotech Pvt. Ltd, Bengaluru, India

Next.js Developer (Freelance)

Freelance

Universal Rasikaas, Bengaluru, India

Let's Connect

Direct contact via email or form submission, both work to reach me.