Mohamed Abdul Shahid

Mohamed Abdul Shahid — Frontend Developer & UI/UX Designer

Mohamed Abdul Shahid — Frontend Developer & UI/UX Designer
I'm
Shahid
FRONTEND
DEVELOPER

I design and build interfaces with clean code, fluid motion, and scalable systems — making interfaces feel effortless.

Design Directly in Code

I bridge design and engineering by conceptualizing UI directly in code — crafting micro-interactions, responsive typography, and design systems natively.

Think in Systems, Not Screens

Components should work together as a structured whole. Scalable design tokens, predictable state management, and reusable UI patterns eliminate technical debt.

Details Make the Product

Micro-interactions, optical precision, and thoughtful transitions turn ordinary interfaces into memorable digital experiences.

Simple on the Surface

Good interfaces feels effortless. Complexity stays under the hood with high-performance animations, accessible semantics, and fast loading times.

Experience & Education

Resume
Trawayl logo

Trawayl

Kerala, India (Remote)
Design Engineer & Frontend Lead
Full-time|03.2024 — ∞|1y 6m
Next.jsReactTypeScriptTailwind CSSInterface DesignUI/UX DesignUX WritingDesign SystemBrand DesignPerformance
Founder
Part-time|03.2024 — ∞|1y 6m
Product StrategyUX ArchitectureBusiness OwnershipFrontend Architecture

Freelance

Remote
Frontend Engineer
Freelance|2025 — Present
Next.jsReactTypeScriptTailwind CSSLanding PagesUI/UX DesignResponsive DesignSEOPerformanceAccessibility
Luminar Technolab logo

Luminar Technolab

Kochi, India
MERN Stack Developer Intern
Internship|06.2024 — 01.2025|8 mos
MongoDBExpress.jsReactNode.jsTailwind CSSREST APIGitHTML5CSS3
MEA Engineering College crest

MEA Engineering College

Kerala, India
B.Tech in Computer Science & Engineering
Undergraduate|2020 — 2024|4 yrs
Computer ScienceData StructuresAlgorithmsWeb TechnologiesDatabase ManagementSoftware Engineering

Think of side-projects and client work as my personal lab

Trawayl — User Platform logo

Trawayl — User Platform

Travel marketplace for discovering packages, events, and offers, with itinerary customization, instant booking, digital tickets, and QR-based ticket access.

ReactViteTypeScriptTailwind CSSshadcn/ui
Visit
Trawayl — Agent Dashboard logo

Trawayl — Agent Dashboard

Provider platform for managing travel packages, events, offers, bookings, customers, tickets, and QR-based ticket verification.

ReactViteTypeScriptTailwind CSSshadcn/ui
Trawayl — Super Admin logo

Trawayl — Super Admin

Centralized administration platform for managing users, agents, packages, events, offers, bookings, payments, tickets, and marketplace operations.

ReactViteTypeScriptTailwind CSSshadcn/ui
Trawerse logo

Trawerse

Digital studio website showcasing services, projects, and capabilities.

ReactTailwind CSSFramer MotionGSAP
Visit
Deyno Technologies logo

Deyno Technologies

Multi-product SaaS ecosystem showcasing ERP solutions across industries.

Next.jsTailwind CSSFramer MotionGSAP
Kerala Startup Carnival logo

Kerala Startup Carnival

Startup event website featuring speakers, schedule, experience, and registration.

ReactTailwind CSSFramer MotionGSAP
Visit
Flotilla logo

Flotilla

Sustainability website focused on ESG solutions and business impact.

ReactTailwind CSSFramer Motion
Visit
Al Najwa logo

Al Najwa

Premium interior design website focused on projects and visual storytelling.

ReactTailwind CSSGSAP
Visit
Daily Regrets logo

Daily Regrets

Minimal platform centered around regrets, reflections, and daily reminders.

ReactTailwind CSSFramer Motion
Visit
Cliper.click logo

Cliper.click

Cross-platform file and clipboard sharing platform for seamless device-to-device transfers.

DjangoReactTailwind CSSPostgreSQLDocker
Visit
Fortura Global Exim logo

Fortura Global Exim

Premium B2B landing page for a gym equipment importing and distribution company.

AstroTailwind CSSFramer Motion
Visit
Taj Al Safa logo

Taj Al Safa

Luxury real-estate website showcasing properties and developments.

ReactTailwind CSSFramer Motion
Visit
ReceiptLog project preview
ReceiptLog logo

ReceiptLog

AI-powered personal finance app for receipt scanning, expense tracking, and income management.

React NativeExpoTypeScriptSQLiteAI
TradeEase project preview
TradeEase logo

TradeEase

Modern stock and inventory management platform for tracking products, operations, and business analytics.

ReactTypeScriptTailwind CSS
AugSepOctNovDecJanFebMarAprMayJunJul
0 contributions, 10.08.2025 – 13.08.2026. Source: GitHub.
Less
More

I also contribute to open-source tools & utilities regularly on GitHub.

Explore on GitHub

Technologies powering modern web applications & digital experiences

01

Language

TypeScript
TypeScript
JavaScript
JavaScript
Python
Python
HTML5
HTML5
TypeScript
TypeScript
JavaScript
JavaScript
Python
Python
HTML5
HTML5
TypeScript
TypeScript
JavaScript
JavaScript
Python
Python
HTML5
HTML5
TypeScript
TypeScript
JavaScript
JavaScript
Python
Python
HTML5
HTML5
CSS3
CSS3
C
C
C++
C++
CSS3
CSS3
C
C
C++
C++
CSS3
CSS3
C
C
C++
C++
CSS3
CSS3
C
C
C++
C++
CSS3
CSS3
C
C
C++
C++
CSS3
CSS3
C
C
C++
C++
02

Frontend

React
React
Next.js
Next.js
Astro
Astro
Tailwind CSS
Tailwind CSS
shadcn/ui
shadcn/ui
PWA
PWA
React
React
Next.js
Next.js
Astro
Astro
Tailwind CSS
Tailwind CSS
shadcn/ui
shadcn/ui
PWA
PWA
React
React
Next.js
Next.js
Astro
Astro
Tailwind CSS
Tailwind CSS
shadcn/ui
shadcn/ui
PWA
PWA
React
React
Next.js
Next.js
Astro
Astro
Tailwind CSS
Tailwind CSS
shadcn/ui
shadcn/ui
PWA
PWA
React Native | Expo
React Native | Expo
Framer Motion
Framer Motion
Three.js
Three.js
GSAP
GSAP
Bootstrap
Bootstrap
React Native | Expo
React Native | Expo
Framer Motion
Framer Motion
Three.js
Three.js
GSAP
GSAP
Bootstrap
Bootstrap
React Native | Expo
React Native | Expo
Framer Motion
Framer Motion
Three.js
Three.js
GSAP
GSAP
Bootstrap
Bootstrap
React Native | Expo
React Native | Expo
Framer Motion
Framer Motion
Three.js
Three.js
GSAP
GSAP
Bootstrap
Bootstrap
03

Workflow & AI

Antigravity
Antigravity
Claude
Claude
Cursor
Cursor
Gemini
Gemini
ChatGPT
ChatGPT
Antigravity
Antigravity
Claude
Claude
Cursor
Cursor
Gemini
Gemini
ChatGPT
ChatGPT
Antigravity
Antigravity
Claude
Claude
Cursor
Cursor
Gemini
Gemini
ChatGPT
ChatGPT
Antigravity
Antigravity
Claude
Claude
Cursor
Cursor
Gemini
Gemini
ChatGPT
ChatGPT
Copilot
Copilot
MCP
MCP
Git
Git
GitHub
GitHub
Copilot
Copilot
MCP
MCP
Git
Git
GitHub
GitHub
Copilot
Copilot
MCP
MCP
Git
Git
GitHub
GitHub
Copilot
Copilot
MCP
MCP
Git
Git
GitHub
GitHub
04

Tools & APIs

REST APIs
REST APIs
Meta API
Meta API
Meta Ads
Meta Ads
Meta Business Suite
Meta Business Suite
Postman
Postman
REST APIs
REST APIs
Meta API
Meta API
Meta Ads
Meta Ads
Meta Business Suite
Meta Business Suite
Postman
Postman
REST APIs
REST APIs
Meta API
Meta API
Meta Ads
Meta Ads
Meta Business Suite
Meta Business Suite
Postman
Postman
REST APIs
REST APIs
Meta API
Meta API
Meta Ads
Meta Ads
Meta Business Suite
Meta Business Suite
Postman
Postman
Vercel
Vercel
Vite
Vite
VS Code
VS Code
npm / pnpm
npm / pnpm
Vercel
Vercel
Vite
Vite
VS Code
VS Code
npm / pnpm
npm / pnpm
Vercel
Vercel
Vite
Vite
VS Code
VS Code
npm / pnpm
npm / pnpm
Vercel
Vercel
Vite
Vite
VS Code
VS Code
npm / pnpm
npm / pnpm
* Scalable modular architecture & ultra-smooth interaction standardsECOSYSTEM // 2025

Words from friends and collaborators who know me best.

Abdul turned our complex travel booking flows and custom itinerary builder into a blistering fast, intuitive experience on Trawayl.

Trawayl testimonial avatar

Trawayl

Co-Founder & Product Design

Exceptional eye for design systems and frontend architecture. Built our multi-product ERP interface with speed and clean reusable tokens.

Deyno Technologies testimonial avatar

Deyno Technologies

Tech Lead & ERP Architecture

The event site handled massive registration traffic without a hitch. The smooth animations and responsive layout made a huge impression on attendees.

Kerala Startup Carnival testimonial avatar

Kerala Startup Carnival

Event Leadership & Operations

Collaborating on cross-platform file transfers was seamless. He writes clean, predictable React code with zero UI debt.

Cliper.click testimonial avatar

Cliper.click

Full-Stack Collaboration

Brings designs to life with ultra-smooth GSAP and Framer Motion micro-interactions. One of the sharpest frontend engineers I've worked with.

Trawerse Studio testimonial avatar

Trawerse Studio

Lead Architect & Studio

Abdul turned our complex travel booking flows and custom itinerary builder into a blistering fast, intuitive experience on Trawayl.

Trawayl testimonial avatar

Trawayl

Co-Founder & Product Design

Exceptional eye for design systems and frontend architecture. Built our multi-product ERP interface with speed and clean reusable tokens.

Deyno Technologies testimonial avatar

Deyno Technologies

Tech Lead & ERP Architecture

The event site handled massive registration traffic without a hitch. The smooth animations and responsive layout made a huge impression on attendees.

Kerala Startup Carnival testimonial avatar

Kerala Startup Carnival

Event Leadership & Operations

Collaborating on cross-platform file transfers was seamless. He writes clean, predictable React code with zero UI debt.

Cliper.click testimonial avatar

Cliper.click

Full-Stack Collaboration

Brings designs to life with ultra-smooth GSAP and Framer Motion micro-interactions. One of the sharpest frontend engineers I've worked with.

Trawerse Studio testimonial avatar

Trawerse Studio

Lead Architect & Studio

Our luxury portfolio site needed immersive visual storytelling and ultra-smooth scrolling. Abdul delivered beyond our expectations.

Al Najwa testimonial avatar

Al Najwa

Luxury Interior Portfolio

Transformed our sustainability data and ESG reports into an engaging, accessible digital platform with immaculate attention to detail.

Flotilla Group testimonial avatar

Flotilla Group

Head of ESG & Sustainability

Our B2B equipment catalog and global distribution landing page were delivered ahead of schedule with great SEO and lighting-fast page loads.

Fortura Global Exim testimonial avatar

Fortura Global Exim

Founder & Distribution

Built the mobile UI and receipt scanning workflows with React Native & Expo. Fluid gestures and stellar responsiveness across all devices.

ReceiptLog AI testimonial avatar

ReceiptLog AI

Product Lead & Mobile UX

The inventory management dashboard made tracking products and daily analytics effortless for our warehouse team.

TradeEase testimonial avatar

TradeEase

Operations & Inventory Lead

Our luxury portfolio site needed immersive visual storytelling and ultra-smooth scrolling. Abdul delivered beyond our expectations.

Al Najwa testimonial avatar

Al Najwa

Luxury Interior Portfolio

Transformed our sustainability data and ESG reports into an engaging, accessible digital platform with immaculate attention to detail.

Flotilla Group testimonial avatar

Flotilla Group

Head of ESG & Sustainability

Our B2B equipment catalog and global distribution landing page were delivered ahead of schedule with great SEO and lighting-fast page loads.

Fortura Global Exim testimonial avatar

Fortura Global Exim

Founder & Distribution

Built the mobile UI and receipt scanning workflows with React Native & Expo. Fluid gestures and stellar responsiveness across all devices.

ReceiptLog AI testimonial avatar

ReceiptLog AI

Product Lead & Mobile UX

The inventory management dashboard made tracking products and daily analytics effortless for our warehouse team.

TradeEase testimonial avatar

TradeEase

Operations & Inventory Lead

Got questions? Here is everything about how I work and build.

FAQ // WORKFLOW & PROCESS

I specialize in building high-performance web applications, scalable design systems, interactive marketing landing pages, and cross-platform mobile apps. My primary tech stack includes React, Next.js, TypeScript, Tailwind CSS, and Framer Motion / GSAP for ultra-smooth micro-interactions and animations.

Yes, I design everything myself directly in code from concept to production. Rather than relying on static mockup tools, I conceptualize layout, typography, micro-interactions, and design systems natively with React and CSS — building polished, cohesive digital experiences from scratch.

Yes! I am available for select freelance contracts, MVP product builds, frontend architecture consulting, and full-time frontend engineering opportunities (remote or hybrid).

A high-converting landing page or design system setup typically takes 1–2 weeks. Full-scale SaaS web applications or MVP builds generally range from 3–6 weeks depending on feature scope, backend APIs, and revision cycles.

I follow a mobile-first, performance-obsessed philosophy. Every project undergoes bundle size optimization, semantic SEO structuring, Core Web Vitals audits, and thorough testing across iOS, Android, macOS, and Windows devices.

You can reach out directly via the contact form below, email me at mohamedabdulshahid07@gmail.com, or connect on LinkedIn and GitHub. We'll discuss your project requirements, scope, and timeline.

Have a question not answered here?Ask me directly

Got something worth building?

Open to new opportunities, freelance projects, and creative collaborations. Have an ambitious idea or need frontend engineering? Let's talk.

Say Hello
ResumeGitHubLinkedInInstagram