I'm a Front-End Developer specializing in React, Next.js, and TypeScript. I build clean, accessible, and high-performance user interfaces that help brands deliver fast, engaging, and scalable web apps in the industry for than 4 years.

In addition to my front-end expertise, I also have solid back-end skills in Node.js, Express, Python, and databases such as MongoDB and MySQL. This enables me to manage projects end-to-end — from designing smooth user interfaces to connecting secure backends.

• I develop responsive, production-ready web solutions optimized for performance and accessibility.
• Committed to crafting intuitive user experiences with attention to detail and consistency.
• Skilled in component-based architecture, reusable UI patterns, and modern front-end best practices.
• I collaborate with startups and teams to transform ideas into functional, user-centered digital products.

Languages:
HTML • CSS • JavaScript (ES6+) • TypeScript • Python

Frameworks & Libraries:
React • Next.js • Tailwind CSS • Chakra UI • Shadcn UI • Framer Motion • Express • Node.js

Tools & Platforms:
Git • GitHub • VS Code • Figma • Vercel • Netlify • AWS

Other Skills:
REST APIs • JSON • MongoDB • MySQL • AI Integration

A static, responsive website for an AI SaaS concept — showcasing smooth animations and clean code structure.
Tech: React.js, Radix UI, Tailwind CSS, Framer Motion. Focus: Pixel-perfect layout, accessibility, and optimized performance.

Live Demo: (https://convertly-nu.vercel.app/)

AWS EC2 Cloud Cost Analyzer is a tool that helps you analyze the cost of your AWS EC2 instances. It is a web application that allows you to view the cost of your AWS EC2 instances and compare them with the cost of other AWS EC2 instances. Tech: Next.js, Shadcn UI, Tailwind CSS, TypeScript, AWS EC2, AWS CloudWatch. Focus: Pixel-perfect layout, accessibility, and optimized performance.

Live Demo: (https://ec2-observe.vercel.app/)

Converted a detailed Figma design into a responsive React interface.
Tech: React.js, Tailwind CSS. Focus: Pixel-perfect layout, accessibility, and optimized performance.

Live Demo: (https://uxpert-theta.vercel.app/)

A modern AI-powered research assistant that combines real-time web search with intelligent response generation. Users can ask research questions and receive comprehensive, streamed responses with multiple formatting options (step-by-step, bullet points, ELI5).
Tech: Next.js, Tailwind CSS, TypeScript, Zustand, Shadcn UI, AI SDK, OpenRouter API, EXa.ai. Focus: Pixel-perfect layout, accessibility, and optimized performance.

Live Demo: (https://mini-otio.vercel.app/)

• Portfolio: devmasud.vercel.app
• X (Twitter): @DevMasud
• LinkedIn: linkedin.com/in/dev-masud
• Email: mohdabbakarr@gmail.com

💬 “Turning designs into fast, pixel-perfect React apps that look good and feel great to use.”