Travel marketplace for discovering packages, events, and offers, with itinerary customization, instant booking, digital tickets, and QR-based ticket access.
React
Vite
TypeScript
Tailwind CSS
shadcn/ui
Mohamed Abdul Shahid — Frontend Developer & UI/UX Designer
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
ResumeTIMELINE // CAREER
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
Kochi, India
MERN Stack Developer Intern
Internship|06.2024 — 01.2025|8 mos
MongoDBExpress.jsReactNode.jsTailwind CSSREST APIGitHTML5CSS3
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
ReactViteTypeScriptTailwind CSSshadcn/ui
Trawayl — Agent Dashboard
Provider platform for managing travel packages, events, offers, bookings, customers, tickets, and QR-based ticket verification.
ReactViteTypeScriptTailwind CSSshadcn/uiTrawayl — Super Admin
Centralized administration platform for managing users, agents, packages, events, offers, bookings, payments, tickets, and marketplace operations.
ReactViteTypeScriptTailwind CSSshadcn/uiDigital studio website showcasing services, projects, and capabilities.
ReactTailwind CSS
Framer Motion
GSAPDeyno Technologies
Multi-product SaaS ecosystem showcasing ERP solutions across industries.
Next.jsTailwind CSSFramer MotionGSAPStartup event website featuring speakers, schedule, experience, and registration.
ReactTailwind CSSFramer MotionGSAP
Sustainability website focused on ESG solutions and business impact.
ReactTailwind CSSFramer Motion
Premium interior design website focused on projects and visual storytelling.
ReactTailwind CSSGSAPMinimal platform centered around regrets, reflections, and daily reminders.
ReactTailwind CSSFramer MotionCross-platform file and clipboard sharing platform for seamless device-to-device transfers.
DjangoReactTailwind CSS
PostgreSQL
Docker
Premium B2B landing page for a gym equipment importing and distribution company.
AstroTailwind CSSFramer Motion
Luxury real-estate website showcasing properties and developments.
ReactTailwind CSSFramer Motion
ReceiptLog
AI-powered personal finance app for receipt scanning, expense tracking, and income management.
React Native
ExpoTypeScript
SQLite
AI
TradeEase
Modern stock and inventory management platform for tracking products, operations, and business analytics.
ReactTypeScriptTailwind CSS0 contributions, 10.08.2025 – 13.08.2026. Source: GitHub.
Less
More
I also contribute to open-source tools & utilities regularly on GitHub.
Technologies powering modern web applications & digital experiences
01
Language
02
Frontend
03
Workflow & AI
04
Tools & APIs
* 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
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
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
Event Leadership & Operations
Collaborating on cross-platform file transfers was seamless. He writes clean, predictable React code with zero UI debt.
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
Lead Architect & Studio
Abdul turned our complex travel booking flows and custom itinerary builder into a blistering fast, intuitive experience on Trawayl.
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
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
Event Leadership & Operations
Collaborating on cross-platform file transfers was seamless. He writes clean, predictable React code with zero UI debt.
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
Lead Architect & Studio
Our luxury portfolio site needed immersive visual storytelling and ultra-smooth scrolling. Abdul delivered beyond our expectations.
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
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
Founder & Distribution
Built the mobile UI and receipt scanning workflows with React Native & Expo. Fluid gestures and stellar responsiveness across all devices.
ReceiptLog AI
Product Lead & Mobile UX
The inventory management dashboard made tracking products and daily analytics effortless for our warehouse team.
TradeEase
Operations & Inventory Lead
Our luxury portfolio site needed immersive visual storytelling and ultra-smooth scrolling. Abdul delivered beyond our expectations.
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
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
Founder & Distribution
Built the mobile UI and receipt scanning workflows with React Native & Expo. Fluid gestures and stellar responsiveness across all devices.
ReceiptLog AI
Product Lead & Mobile UX
The inventory management dashboard made tracking products and daily analytics effortless for our warehouse team.
TradeEase
Operations & Inventory Lead
Got questions? Here is everything about how I work and build.
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