Full Stack Developer • Passionate Critical Thinker

I'm Shihab Uddin,a Full stack developer

I build user‑friendly, high‑performance web apps with React, Next.js, Node.js, Express, and PostgreSQL, Prisma, MongoDB

Let's build Now

ViewProjects

Core stack:JavaScriptTypeScriptReactNextNode.js

Portfolio Preview

Full Stack Developer

Shihab Uddin

Available for freelance

Core Stack

React
Next.js
Tailwind CSS

Also Working With

TypeScript
PostgreSQL
Prisma

shihab.ts

// Portfolio entry
export const shihab = {
  name: 'Shihab',
  role: 'Full Stack Developer',
  stack: ['Full', 'MERN', 'PERN'],
  basedIn: 'Bangladesh'
}

Who I Am

Get to Know Me

Passionate full-stack developer crafting beautiful web experiences with clean code.

Shihab Uddin portrait — Portrait of Shihab Uddin

I'm Shihab Uddin, a full stack developer who builds thoughtful web applications that feel fast, polished, and easy to use. I enjoy turning complex ideas into real products with clean code and strong architecture.

I started with curiosity about how websites work and grew it into a passion for building modern web apps. Using TypeScript, Next.js, React, Node.js, and MongoDB, I ship scalable solutions with a focus on responsive design, SEO-friendly content, and accessibility.

Whether it's a portfolio, dashboard, or SaaS product, I bring clarity and confidence to every project. My goal is delivering performance, accessibility, and a great developer experience.

1.5+
Years of Experience: 23+
Projects Completed: 31+
Core Technologies

Pixel-Perfect UI

Crafting beautiful, intuitive, and highly polished user interfaces that provide an exceptional user experience.

Scalable Backend

Building robust, efficient, and secure server-side logic and RESTful APIs that can grow with your product.

Clean & Maintainable Code

Writing professional, well-structured, and documented code that is easy to understand, test, and maintain.

My Work

Featured Projects

Real-world projects showcasing my full-stack capabilities and problem-solving approach.

Mockup Hive is a canvas‑based mockup editor built with Next.js and Three.js. Designers can apply, warp, and preview their artwork onto device and apparel templates with pixel‑perfect precision and silky‑smooth performance.
Key Features:
Mask placement using precise maskInfo (top/left/bottom/right) and maskUrl.
Mesh warping with interpolated Three.js meshes for smooth distortion.
Support for multiple smart‑object layer edits within a canvas‑based editor.
PSD import via @webtoon/psd for direct meshPoints and mask data extraction.
Optimized canvas caching for flicker‑free, real‑time preview rendering.
Figma and Adobe plugin integrations for asset sync.
Tech Stack:
TypeScriptNext.jsThree.js@webtoon/psdTailwind CSSNode.jsExpress.jsMongooseMongoDBNext-AuthAWS S3Preact
Live Demo
Preview image for MockupHive
An independent Adobe Stock performance analytics platform. Access real download counts, monthly performance data, and keyword analytics to optimize your portfolio and maximize earnings.
Key Features:
Real‑time download metrics and performance analytics.
AI‑powered trend analysis and predictive keyword tracking.
Automated metadata injection for JPG, PNG, and SVG assets.
Smart AI‑tagging for optimized search visibility.
Tech Stack:
TypeScriptNext.jsAdobe APIExpress.jsPostgresqlPrismaBetter-AuthJWTSupabaseStripeCloudfareDockerVps
Live Demo
Preview image for Stock Insight
A premium marketplace for customizable Webflow templates and responsive designs, helping businesses and agencies create beautiful websites and grow their digital presence.
Key Features:
Premium marketplace for high‑performance Webflow templates.
Mobile‑first, responsive layouts for startups and agencies.
SEO‑optimized structures with easy customization options.
Integrated digital growth marketing and branding services.
Tech Stack:
TypeScriptNext.jsFramer MotionTailwind CSSStripeMongooseMongoDBJWTNext-AuthVercel
Live Demo
Preview image for Flowoly
The world's first decentralized sustainability portal. Share, discover, and support innovative ideas that make a real-world impact on our environment.
Key Features:
Decentralized platform for scaling sustainable ideas.
Intelligent workflows for automated idea verification.
Real‑time analytics for CO2 tracking and community impact.
Direct‑to‑project payment pathways for fast funding.
Tech Stack:
TypeScriptNext.jsTailwind CSSLucide ReactExpress.jsPostgresqlPrismaBetter-AuthJWTNeonDBStripeVercel
Live Demo Source Code
Preview image for EcoSpark Hub

Tech Stack

Tools I Use

Core technologies I use to build robust, scalable web applications.

JavaScript

TypeScript

React

Next.js

Node.js

Express

MongoDB

PostgreSQL

Prisma

Supabase

Better Auth

TanStack

Cloudinary

Stripe

Cloudflare

Docker

MUI

Vercel

Netlify

Git

GitHub

Postman

HTML5

CSS3

Shadcn UI

Tailwind

Framer Motion

Zod

Axios

Gsap

Firebase

Radix UI

Figma

Notion

Ant Design

Chakra UI

What I Do

Core Skills

Tools I use to build modern web applications from start.

Frontend
Building modern, high‑performance interfaces with React and Next.js.
JavaScriptTypeScriptReact.jsNext.jsTailwind CSSResponsive UIHTML / CSSShadcn UIFramer Motion
Backend & API
Architecting secure, scalable APIs and server logic using Node.js.
Node.jsExpress.jsREST APIAuth (JWT)ZodPostgreSQLPrisma ORMMVC Architecture
Database & Tools
Managing robust databases and optimizing development workflows.
SupabaseMongoDBNeonDBPostmanFirebaseGit & GitHubCloudinaryDocker

My Journey

Professional Experience

Learning, building, and growing through real-world projects and continuous skill development.

Jr. Full Stack Developer
Olynex · Bogura, Bangladesh
Nov 2025 – Present
Building modern, scalable web applications using React, Next.js, Node.js, MongoDB, and PostgreSQL. I develop responsive UIs with attention to performance and accessibility, create secure REST APIs, and implement robust backend solutions. Focused on delivering production-ready products that users love.
- * Architected and deployed multiple production web applications with optimal performance.
- * Built responsive interfaces and secure backend APIs using modern full-stack technologies.
- * Improved application performance through code optimization and best practices.
Continuous Learning & Development
Self-Directed & Online Courses
Ongoing
Deepening expertise in full-stack development through hands-on practice and structured learning. Actively building projects, solving coding challenges, and studying advanced patterns in React, TypeScript, Node.js, and database design.
- * Building real-world projects to apply and strengthen full-stack skills.
- * Mastering TypeScript, React hooks, Next.js optimization, and API design.
- * Following industry best practices for clean code, performance, and scalability.

Behind the Scenes

Watch My Process

Watch my coding process and technologies I use daily.

Get In Touch

Let's Connect

Share your project details and I'll get back soon.

Get to Know Me

Pixel-Perfect UI

Scalable Backend

Clean & Maintainable Code

Featured Projects

Key Features:

Tech Stack:

Key Features:

Tech Stack:

Key Features:

Tech Stack:

Key Features:

Tech Stack:

Tools I Use

Core Skills

Professional Experience

Watch My Process

Let's Connect

Contact form