I designed and built an interactive, 3D conversion-focused web application for personal Starbucks project , showcasing their specialty Reserve coffee line and seasonal Frappuccino menu. The brand needed an owned digital experience that could bridge high-end editorial product storytelling with real-time 3D WebGL interaction, allowing customers to explore and customize drinks before ordering.

The site is a fast, mobile-first single page with a luxury cream and forest green editorial look. Guests can inspect a 3D Frappuccino cup in real-time with 360° drag rotation, hover over menu items to reveal an interactive drink customizer (size, milk type, blend selectors), browse single-origin roast profiles, and place takeaway orders seamlessly within the brand experience.

It also ships full 3D performance optimizations (60 FPS WebGL rendering with procedural fallbacks), scroll-driven micro-animations, and an ultra-smooth frosted glass navbar (backdrop-blur-2xl) that dynamically blurs on scroll.

What I delivered:

-Custom Next.js 14 web app (Hero, 3D Inspect Canvas, Featured Selections, Popular Beverages, Starbucks Reserve Banner, Store Locations, Subscription)

-Real-time 3D WebGL coffee cup showcase with 360° drag controls (Three.js / React Three Fiber)

-Interactive hover product customization cards (Size, Milk, Blend selectors + Add to Basket)

-Custom typography, watermarked storytelling background, and luxury cream/green visual system

-Responsive UI with Framer Motion & GSAP scroll polish

-Frosted glass scroll-activated navigation bar with mobile overlay

-Production-ready Next.js web application.

I love starbucks , that's why I built this web for showcasing the my skills.That's it.

For me, the drink customizer is the strongest part. Once the 3D cup draws someone in, keeping size, milk, and blend choices in the same view gives them a clear next step.

Title: AI Resume Analyzer | MERN & AWS Smart Resume Evaluation Platform

Technologies Used: React.js, Node.js, Express.js, MongoDB, AWS S3, REST API, JWT Authentication, Responsive Web Design, AI Integration

About:

Designed and developed AI Resume Analyzer, a full-stack MERN and AWS-powered web application created to help users improve ATS compatibility, resume quality, and job readiness through intelligent AI-driven analysis. The platform supports secure resume uploads, user authentication, real-time resume evaluation, structured skill extraction, keyword analysis, and responsive dashboard interfaces for a seamless user experience across desktop and mobile devices. Built using React.js, Node.js, Express.js, MongoDB, AWS S3, and REST APIs, the project demonstrates expertise in full-stack development, AI integration, cloud deployment, authentication systems, scalable application architecture, and building production-ready web solutions with modern UI/UX principles.