NLP Researcher & Full-Stack Architect | Building scalable AI pipelines & intelligent web ecosystems

medium

projects

github

Karrtik Gupta  • Peerlist

Built a modern, full-stack interactive portfolio application from scratch using Next.js 16 (App Router), deployed with server-side rendering and SEO-optimized metadata including Open Graph, Twitter Cards, and JSON-LD structured data.Designed a premium, responsive user experience utilizing Tailwind CSS v4 for layout architecture and Framer Motion for sophisticated scroll-based animations, parallax effects, spring physics, and 3D mouse-tracking interactions on components.Integrated tsParticles to create an interactive animated background, elevating the visual aesthetic of the hero section.Built a full Blog an Projects feature set backed by Firebase Firestore, with a protected Admin panel (Firebase Auth) for creating and managing content dynamically — no static data.Utilized React Markdown and React Syntax Highlighter to render rich-text blog posts and code snippets fetched live from Firestore, with DOMPurify for sanitization.Implemented a functional Contact section via EmailJS.

Karrtik Gupta

Architected and deployed a production-ready, full-stack collaboration hub designed to streamline the chaotic workflows of rapid hackathon execution, allowing teams to sync instantly. Key Architectural Achievements:<ul><li>Designed a real-time data sync architecture using React 18 and Firebase Firestore, allowing concurrent teams to manage resources and update project tasks with zero lag.</li><li>Implemented secure, role-based access control and integrated live availability tracking to optimize sub-team coordination.</li><li>Built a centralized digital asset vault that safely stores and cross-references external team nodes like GitHub repositories, Figma canvases, and Notion documents.</li><li>Wrapped the entire system in a premium, fluid developer-aesthetic UI utilizing Tailwind CSS and Framer Motion for high-performance visual state transitions.</li></ul>