A modern, high-fidelity professional portfolio engineered for high-performance visual storytelling. This project showcases technical expertise in Android (Native), Flutter, and Kotlin Multiplatform (KMP) through a production-grade interactive interface.
An interactive, node-based visualization of technical competencies. Moves away from static skill lists toward a production-grade system diagram featuring:
- Marching Spark Animations: Real-time data flow visuals between architectural layers.
- Node Intelligence: Deep-dive panels for Presentation, Business Logic, State, and Infrastructure.
- Dynamic Layering: HUD-style overlays with scanning effects and stability readouts.
A typography-first About section that treats personal history as a technical manifesto.
- No-Box Design: Uses negative space and hairline blueprint dividers for a clean, professional look.
- Tactical Metrics: Quantified impact (98% stability, logic sharing) presented with high-contrast precision.
A dual-mode project gallery optimized for deep technical analysis.
- Artifact View: Detailed breakdowns of architecture, state management, and core innovations.
- Responsive Staging: Smooth transitions between vertical mobile flows and horizontal desktop side-cars.
- Momentum Scrolling: Integrated with Lenis for a "buttery smooth" agency-level scroll feel.
- Interactive Cursor: Custom magnetic-aware cursor system for enhanced engagement.
- Theme-Aware Logic: Intelligent adaptive UI that balances contrast across light and dark modes.
- Core: Next.js (App Router, Turbopack)
- Styling: Tailwind CSS v4
- Motion: Framer Motion
- Scrolling: Lenis
- Icons: Lucide React
First, install the dependencies:
npm installThen, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
Built with Precision by Muhammed Ansil.