# Mark Patel - UI/UX Designer & Frontend Developer Portfolio

> Official portfolio of Mark Patel (patelmark / markpatel), a UI/UX Designer, Frontend Developer, and Vibe Coder specializing in React, TypeScript, Figma design systems, and responsive web applications.

Mark Patel crafts intuitive digital products, scalable design systems, and high-performance interactive interfaces. This document provides structured navigation and resources for Large Language Models (LLMs) and autonomous AI browsing agents.

## Core Navigation
- [Home & Hero Showcase](https://patelmark.in/): Primary introduction, interactive skills matrix, and featured work overview.
- [About Mark Patel](https://patelmark.in/about): Background, design philosophy, technical toolkit, experience timeline, and certifications.
- [Portfolio Directory](https://patelmark.in/projects): Complete index of web and mobile engineering projects with live previews and design systems.
- [Contact & Inquiries](https://patelmark.in/contact): Communication channels, project inquiry form, and booking details.

## Featured UX Case Studies
- [Construction Management Tool (CMT)](https://patelmark.in/cases/cmt): Enterprise SaaS case study covering role-based workforce management, job dispatching, and field attendance tracking.

## Selected Engineering Projects
- [Tour Nexa Travel Platform](https://patelmark.in/projects/tour-nexa): Travel booking and itinerary planning application with 40+ responsive screens and design token architecture.
- [Crick-Feed Live Scoring](https://patelmark.in/projects/crick-feed): Real-time sports analytics and live cricket scorecard web application.
- [Nike eCommerce Concept](https://patelmark.in/projects/nike-store): Modern retail storefront with interactive product visualizers and cart flows.
- [Netflix UI Redesign](https://patelmark.in/projects/netflix-clone): Cinematic streaming platform redesign with dynamic preview rows and modal details.
- [Starbucks Mobile App Concept](https://patelmark.in/projects/starbucks-app): Coffee ordering workflow with customized beverage builder and loyalty rewards.
- [Fitbit Health Tracker](https://patelmark.in/projects/fitbit-ui): Wearable companion dashboard focusing on biometrics, sleep telemetry, and activity goals.

## Skills & Capabilities
- **Design Systems & Prototyping**: Figma, UI Kits, Atomic Design, User Journey Mapping, Wireframing, Micro-interactions.
- **Frontend Development**: React 18, TypeScript, Tailwind CSS, Vite, Responsive Web Design, Component Architecture.
- **Methodology & Quality**: WCAG 2.2 AA Accessibility, Semantic HTML5, Performance Optimization, SEO, Agentic Browsing Support.

## Verified Profiles & Links
- [LinkedIn Profile](https://www.linkedin.com/in/patelmark6172): Professional history, recommendations, and network.
- [GitHub Repositories](https://github.com/patelms35): Open-source repositories and engineering codebases.
- [Figma Community](https://www.figma.com/@patelmark): Published design templates, tokens, and component sets.
- [Behance Showcase](https://www.behance.net/patelmark): Visual identity design, branding, and case presentations.
- [Instagram](https://instagram.com/patel_mark_7262?igshid=YmMyMTA2M2Y=): Visual design explorations and daily craft.
- [YouTube Channel](https://www.youtube.com/channel/UCTbJyXCrEsNSaubviNQC2tg): Design and coding walkthroughs.

## Optional Extended Information
- [Full LLMs Context Document](https://patelmark.in/llms-full.txt): Comprehensive portfolio documentation with extended case study data, schema details, and architecture specifications.