samdev.in
Mohd Mustak - Personal Interactive Portfolio
An immersive, high-performance personal portfolio website built with Next.js, Framer Motion, and Three.js.
    Features • Projects • Technologies • Installation • Design Guidelines • Workspace Log
📋 About
This is the interactive portfolio of Mohd Mustak, a Senior Software Engineer specializing in Flutter mobile development and scalable cloud/backend architectures. It features an award-winning horizontal layout, physics-based micro-interactions, custom interactive canvas particles, dual-language toggle (English & Turkish), and deep app store download button integrations.
✨ Features
- Advanced Animations: Fluid parallax, custom timeline layouts, and spring transitions with Framer Motion.
- Physics-Based Canvas: Dynamic UI nodes (like the Hanging Profile) that respond physically to mouse acceleration.
- Dynamic Projects Slider: Widescreen horizontal projects track showcasing 6 real-world cross-platform applications.
- App Store Showcase: Decoupled asset pipeline displays full-bleed widescreen screenshots on list cards, while loading official 1:1 app icons and horizontal scrolling portrait galleries inside detail modals.
- Multi-language: Built-in instant translation switcher (EN / TR).
- Responsive Layout: Fluid CSS design that dynamically formats for desktop and mobile viewports.
📱 Showcased Applications
- Marhaba Auctions: Live bidding app with WebSockets, wallet payments, and vehicle lifecycle shipping tracking.
- Koor Property: Gulf-tailored property buying/renting platform with zero marketing budget reaching 10K+ users.
- Movermate Crew: High-performance logistics app with geofencing, calendar schedules, and Stripe Tap-to-Pay.
- Counsellor App: B2B CRM dashboard linking call logs, dialers, and audio recordings.
- Spotted: Fintech cashback rewards platform running QR-code scans, UPI triggers, and wallet payouts.
- SSC Exam Prep AI: Competitive exam prep quiz engine parsing PDFs using Local LLMs (Phi-4) and AI chat.
🛠️ Technologies
- Next.js & TypeScript: Type-safe structural base optimizing server renderings.
- Tailwind CSS: Modern utility styling and theme token setup.
- Framer Motion: Complex interactive gestures and physics springs.
- Three.js & React Three Fiber: Lightweight 3D particle visual systems.
- Lenis: Silky-smooth inertial mouse/touch scrolling.
🚀 Installation
To run this repository locally:
- Install dependencies:
npm install - Start the development server:
npm run dev - Build the production bundle:
npm run build
#
Developed by Mohd Mustak