Initializing
About


Results-driven Front-End Developer with 3+ years of experience building scalable, user-centric web applications. Specialized in React.js, performance optimization, and translating Figma prototypes into pixel-perfect interfaces while applying Prompt Engineering for AI-assisted workflows.

Front-End & MERN Stack Developer · Kozhikode, Kerala
0+
Years Exp.
0K+
Daily Users
0+
Figma Prototypes
MA

Mohammed Arshad P P

Front-End & MERN Stack Developer

React.jsTypeScriptTailwind CSSNode.jsMongoDBFigma
✉mohammedarshadpp123@gmail.com
☎(+91) 8848614036
📍Ramanattukara, Kozhikode, Kerala 673633
Open to opportunities
Education
BCA · ISBM University
Career

3+ Years · Frontend & MERN Stack
Apr 2023 — PresentKozhikode, Kerala
Posibolt Solutions Pvt. Ltd.

Software Developer

Architecting React modules serving 10,000+ daily active users. Spearheading migration from vanilla JS to React.js for enhanced component reusability. Optimizing bundle sizes via code-splitting and lazy loading in Vite. Maintaining 98% design fidelity converting Figma prototypes with Tailwind CSS and Bootstrap.

React.jsViteTailwind CSSBootstrapTypeScriptFigma
Mar 2022 — Aug 2023Malappuram, Kerala
The Chandraz

Web Developer

Deployed web applications for home care services reaching 5,000+ users. Translated 20+ Figma design prototypes into production-ready web components adhering to brand guidelines. Enhanced performance through strategic image optimization and asset minification.

JavaScriptHTML5CSS3FigmaResponsive Design
Academic Background

ISBM University · 2019 – 2022
BCA
Jul 2019 — Apr 2022

Bachelor of Computer Application

ISBM University · India

Completed Bachelor of Computer Application with a focus on web technologies, software development, database management, and computer science fundamentals.

Computer ScienceWeb TechnologiesSoftware DevelopmentDatabase Management
Graduated April 2022
Languages
Malayalam100%
Mother Tongue
English90%
C2 Listening · C1 Reading & Writing
Hindi65%
B2 Reading · B1 Listening
Interests
⚽ Football✈️ Travelling💻 Tech Trends🎨 UI Design
Capabilities

Skills &

Languages
JavaScript (ES6+)96%
TypeScript88%
HTML598%
CSS3 / SASS93%
Frameworks & Libraries
React.js96%
Redux85%
Tailwind CSS96%
Bootstrap 592%
Material UI82%
MERN & Backend
Node.js72%
Express.js70%
MongoDB68%
RESTful APIs90%
JWT Auth80%
Design & Tools
Figma90%
Adobe XD78%
Photoshop70%
Vite / npm88%
AI & Productivity
Prompt Engineering88%
GitHub Copilot85%
Cursor AI82%
Figma AI78%
Architecture & UX
React Hooks & Context92%
Responsive / Mobile-First97%
WCAG 2.1 Accessibility80%
Glassmorphism / 3D UI88%
Portfolio

Featured

A selection of production work — from 10K-user dashboards to interactive design systems. View full portfolio →

01

Interactive Dashboard

Real-time data visualization platform using React.js and Chart.js with WebSocket integration. Delivered live metrics, analytics panels and dynamic chart updates.

React.jsChart.jsWebSocketREST API
Live Demo GitHub
02

UI Component Library

Created 30+ reusable React components — reducing team development time by 50%. Covers forms, modals, data tables, charts, and animated layouts.

React.jsTypeScriptTailwind CSSStorybook
Live Demo GitHub
03

Pokémon Discovery App

Immersive Pokédex with infinite scrolling, drag & drop ordering, and persistent localStorage. Powered by TanStack Query for seamless data fetching.

ReactTanStack QueryInfinite ScrollDrag & Drop
Live Demo GitHub
04

Chatbot Flow Builder

Visual no-code chatbot conversation builder. Drag, connect, and configure nodes with React Flow and Zustand state management.

React FlowZustandTypeScriptNode Editor
Live Demo GitHub
05

GTG Perfume Landing Page

Luxury perfume brand landing with an interactive rotating product ring, cinematic scroll storytelling and 40% improvement in user engagement.

ReactFramer MotionCSS TransformsGSAP
Live Demo GitHub
06

HR Analytics Dashboard

Comprehensive HR data platform with real-time analytics, employee performance charts, department insights and role-based access via JWT.

ReactRechartsTailwind CSSJWT Auth
Live Demo GitHub
React · Next.js · TypeScript · Framer Motion · Canvas · Tailwind · UI Engineering · Interactive Design · React · Next.js · TypeScript · Framer Motion · Canvas · Tailwind · UI Engineering · Interactive Design · React · Next.js · TypeScript · Framer Motion · Canvas · Tailwind · UI Engineering · Interactive Design · React · Next.js · TypeScript · Framer Motion · Canvas · Tailwind · UI Engineering · Interactive Design · React · Next.js · TypeScript · Framer Motion · Canvas · Tailwind · UI Engineering · Interactive Design · React · Next.js · TypeScript · Framer Motion · Canvas · Tailwind · UI Engineering · Interactive Design · 
Philosophy

Always Obsessing
on detail.

Every pixel, every interaction, every animation — crafted with intention. Premium frontend engineering for the discerning web.

⚡

Performance

60fps animations, optimized rendering, zero layout shift.

✦

Aesthetics

Awwwards-level design systems with purposeful motion.

∞

Interaction

Magnetic, responsive, alive — every element has intention.

Kozhikode, Kerala · (+91) 8848614036

Let's build something

Open to frontend roles, freelance collaborations, and creative projects. Front-End & MERN Stack Developer — 3+ years of production experience.

Emailmohammedarshadpp123@gmail.com
LinkedInlinkedin.com/in/mohammed-arshad-p-p
Portfoliomhd-arshad-portfolio.vercel.app
GitHubgithub.com/mohammedarshad
Start a conversation Live Portfolio