Manish Pun MagarPortfolio ©2026

Thinking in code.

0%
Kathmandu, Nepal

Hi, I'm Manish Pun Magar —

Full-Stack Developer

crafting fast, accessible and beautifully animated experiences with React & Next.js.

Years building
0
Projects shipped
0
Industries served
0
About me

I turn Figma files into fast, pixel-perfect products — and add the motion that makes them feel alive.

Manish Pun Magar - Full-Stack Developer portrait
01 / Who I am

Passionate Frontend Developer

Iʼm a passionate software engineer with experience in building responsive, industry-level web applications using React, Next.js, Tailwind CSS, Redux Toolkit, and Framer Motion. I collaborate with Figma design teams to deliver clean, high-performing user interfaces.

02 / Teamwork

Collaborative & Agile

Experienced in Agile workflows, Git version control, code reviews, and collaborating with design teams for pixel-perfect UI.

03 / Toolkit

I constantly try to improve

My tech stack

ReactNext.jsTypeScriptTailwind CSSRedux ToolkitReact QueryNode.jsExpressMongoDBFramer MotionShadcn UIThree.jsReactNext.jsTypeScriptTailwind CSSRedux ToolkitReact QueryNode.jsExpressMongoDBFramer MotionShadcn UIThree.js
Decorative grid pattern - Project portfolio backgroundDecorative geometric shape - Portfolio section accent
04 / Shipped

Project Highlights

Worked on real-world applications like Vatsalya IVF, Pizza World, Dubai Approvals, Pokhara Motors, and ERC Nepal.

Decorative grid pattern - Portfolio section backgroundDecorative background swirl - Learning and growth section
05 / Growth

Continuous Learner

Completed certifications from Meta and Broadway Infosys to stay updated with the latest frontend technologies.

Manish Pun Magar profile - Let's collaborate section

Let's Build Something Together

React
Next.js
TypeScript
Tailwind CSS
Redux Toolkit
React Query
Framer Motion
Shadcn UI
Node.js
Express
MongoDB
JavaScript
Three.js
Git
Figma
Vercel
Selected work

From government portals to e-commerce — a few products I've designed, built and shipped.

01Custom Patient Portal Development

Vatsalya IVF

Architected a high-performance patient portal using Next.js and Tailwind CSS, ensuring optimal SEO and load times. Engineered complex state management workflows with Redux and crafted fluid micro-interactions using Framer Motion to drive user engagement.

94
Lighthouse Performance
50% faster using SSR
Page Load Improvement
Vatsalya IVF project screenshot
02Government Website Modernization

Electricity Regulatory Commission

Modernized the official ERC government portal with Next.js, significantly improving accessibility and information architecture. Integrated Redux for robust data handling and Framer Motion for a polished, authoritative digital presence.

3x faster than legacy
Page Load Improvement
96 / 100
Accessibility Score
Electricity Regulatory Commission project screenshot
03Scalable Job Portal Next.js

Jobscater

Developed a scalable job portal connecting professionals with opportunities. Implemented advanced search algorithms and real-time application tracking using React and Next.js, creating a seamless experience for both recruiters and job seekers.

<200ms
Search Response Time
65%
Mobile Traffic Share
Jobscater project screenshot
04Multi-Vendor E-commerce Platform

Pizza World

Built a dynamic multi-vendor e-commerce platform featuring real-time order tracking and complex role-based access control. Delivered a responsive, mobile-first interface optimized for conversion and user retention.

40% faster
Order Processing Time
28%
Mobile Conversion Rate
Pizza World project screenshot
05Engineering Compliance Platform

Dubai Approvals

Collaborated on a complex engineering compliance platform, streamlining the approval process for construction projects. Focused on frontend modularity and code reusability within a large-scale React ecosystem.

8-stage pipeline
Approval Workflow Steps
10+
Document Types Supported
Dubai Approvals project screenshot

More projects

Career

A short timeline of the teams I've shipped with.

  1. Software Engineer experience icon

    Jan 2026 — Present

    Software Engineer

    Darvilab Pvt. Ltd.Now

    Building production web applications with Next.js, TypeScript and React Query — owning features end-to-end from Figma to deployment, with a focus on performance and clean, reusable UI architecture.

    • Next.js
    • TypeScript
    • React Query
    • Shadcn UI
  2. Associate Software Engineer experience icon

    Feb 2024 — Feb 2026

    Associate Software Engineer

    Dome Infosys Pvt. Ltd.

    Spearheaded the development of scalable web applications using the Next.js ecosystem. Translated complex Figma designs into pixel-perfect, responsive interfaces while optimizing performance metrics. Collaborated in Agile environments to deliver robust features and integrate RESTful APIs.

    • Next.js
    • Redux Toolkit
    • Tailwind CSS
    • Framer Motion
  3. Intern Web Developer experience icon

    Internship

    Web Developer Intern

    Pedal Group

    Contributed to core frontend development at Pedal Group, focusing on user-centric design principles. Assisted in modernizing legacy codebases and implementing new features that improved user engagement and site reliability.

    • React
    • JavaScript
    • CSS
Process

Hover a phase to light it up.

Phase 01
01

Planning & Strategy

Defining goals, audience, and structure to create a clear, scalable roadmap for your website.

Phase 02
02

Development & Progress

Turning designs into clean, responsive code while keeping you updated throughout the build.

Phase 03
03

Development & Launch

Building, refining, and launching a fully functional website optimized for performance.

Writing

Lessons from building real products with JavaScript, React and Next.js.

Jul 22, 20264 min read
01

JavaScript in Web Development: The Universal Language Powering Full-Stack Apps

JavaScript powers everything from government portals to e-commerce platforms. Here is how full-stack JavaScript with Next.js delivers fast, affordable web solutions for Nepal-based businesses.

The Backbone of Modern Web Applications
Jul 22, 20264 min read
02

Async JavaScript Best Practices for High-Performance Web Apps

Every developer hits the async wall. After building real-time features for platforms like Jobscater and Dubai Approvals, here are the async patterns that actually work in production.

Non-blocking Architecture in Production
Jul 22, 20264 min read
03

Node.js: From Event Loop to Production-Ready Full-Stack APIs

Node.js transformed JavaScript into a server-side powerhouse. Its non-blocking I/O model handles thousands of concurrent connections, making it the engine behind my API-driven projects.

Server-Side JavaScript at Scale
Jul 22, 20264 min read
04

Modern ES6+ JavaScript Features in Real-World Next.js Projects

ES6 was a paradigm shift. Arrow functions, destructuring, spread operator, and optional chaining transformed JavaScript into a robust language for large-scale applications.

The Evolution of JavaScript Syntax
Jul 22, 20264 min read
05

Next.js Performance Optimization: Server Components, Streaming, and SEO

React introduced component-based architecture, but Next.js turned it into a full-stack framework optimized for performance and search rankings. Here are the patterns that consistently ship fast sites.

Building Fast, Search-Optimized React Apps