# Muhammad Umer Farooq — Portfolio & Knowledge Base

> Muhammad Umer Farooq is a Full-Stack MERN Developer and Computer Science undergraduate at Superior University, Lahore. Specializing in high-performance web applications, AI-driven platforms, real-time interactive systems (React, Three.js, Node.js, Express, MongoDB), and computer vision applications.

## About & Profile
- [About & Overview](https://umersmx.vercel.app/#profile): Bio, academic background, leadership roles, and core development philosophy.
- [Technical Skills](https://umersmx.vercel.app/skills/): Comprehensive matrix of programming languages, frontend/backend frameworks, and development toolchains.
- [Uses & Setup](https://umersmx.vercel.app/uses/): Development environment, hardware, tools, editors, and technologies used daily.
- [Contact](https://umersmx.vercel.app/contact/): Direct contact form and communication channels for collaborations.

## Featured Projects
- [SMX AI](https://smx-ai.vercel.app): Glassmorphic conversational assistant featuring multi-provider routing (Gemini 2.0 Flash & Groq Llama 3.3), real-time SSE token streaming, 3D interactive avatar protocol, and serverless edge architecture.
- [SkillNest LMS](https://umersmx.vercel.app/projects/smart-sparrow/): Full-stack Learning Management System with role-based dashboards for students and instructors, built with React, Node.js, Express, and MongoDB.
- [AI Gym Bro](https://umersmx.vercel.app/projects/ai-gym-bro/): Computer vision fitness tracker built with Python, OpenCV, and MediaPipe to count exercise repetitions and provide real-time form feedback via webcam.
- [Modern Residentia](https://umersmx.vercel.app/projects/modern-residentia/): Luxury property rental and real estate management platform featuring dark glassmorphic UI and multi-role portals for renters, owners, and admins.
- [Projects Showcase](https://umersmx.vercel.app/projects/): Complete index of full-stack applications, interactive 3D experiments, and AI systems.

## Articles & Technical Writing
- [You (probably) don't need CSS-in-JS](https://umersmx.vercel.app/articles/modern-styling-in-react): Exploration of modern Vanilla CSS, CSS custom properties, and performant dynamic styling patterns in React.
- [Hello world: how I built this site](https://umersmx.vercel.app/articles/hello-world): Technical deep dive into the architecture, 3D graphics (Three.js), and evolution of this portfolio site.
- [Articles Archive](https://umersmx.vercel.app/articles/): Technical articles on frontend architecture, UI design systems, and web performance.

## Core Technical Skills
- **Languages**: JavaScript (ESNext), C++ (Data Structures & Algorithms), Python, SQL, PHP.
- **Frontend**: React.js, Vite, Three.js / WebGL, Framer Motion, Tailwind CSS, CSS Modules.
- **Backend & Databases**: Node.js, Express.js, MongoDB / Mongoose, RESTful APIs, JWT Auth, SQL.
- **Tools & Platforms**: Git / GitHub, Firebase, Railway, Vercel, VS Code.

## External Profiles & Links
- [GitHub Profile](https://github.com/umersmx): Open-source repositories and development projects.
- [LinkedIn Profile](https://linkedin.com/in/umersmx): Professional profile and career updates.
- [Email](mailto:umersmx@gmail.com): Direct contact for inquiries and collaboration.

## Optional
- [Full LLM Knowledge Base](https://umersmx.vercel.app/llms-full.txt): Comprehensive full-text context of all projects, skills, and background for complete LLM context ingestion.