Frontend Development Projects in DelhiFrontend Development Projects in Delhi
Projects
People
Cover image for I made WatchKit for Stitch
I made WatchKit for Stitch Challenge. Tried to intentionally make it clean and spacious with a white theme. Project Link: https://watch-kit.vercel.app/ WatchKit is a modern real-time analytics platform concept focused on speed, clarity, and privacy-first telemetry. The project explores how AI-native workflows can accelerate the creation of polished, production-style interfaces while maintaining strong visual hierarchy, motion quality, and interaction design. The interface was designed to feel lightweight and calm rather than dense or enterprise-heavy. How I Used Google Stitch Google Stitch was used as a core part of the creative and interface development workflow. I used Stitch to explore designs, iterate, improve the designs. The workflow was like this: Generate initial interface directions in Stitch 2. Refine layouts using targeted prompts 3. Export to Google AI studios to build the app 4. Export and further polish the final implementation in VS Code 5. Publish through Github to Vercel Feedback on Stitch The best feature from the new features recently added to stitch was the in-place AI edits. Walkthrough Video Walkthrough video contains generations in stitch, export to Google Ai studio and demo of the website.
2
2
107
Cover image for What if recipe apps felt
What if recipe apps felt less like tools and more like companions? Introducing Sous (https://stitch.withgoogle.com/preview/11633371536292961535?node-id=7c95e74d44bc48ccae2bc0a2e3450eb1) — a motion-first cooking experience with hands-free mode, contextual meal planning, living interfaces, and immersive food interactions. Most recipe apps assume users are fully focused on their screens while cooking. In reality, cooking is messy, fast, and hands-busy. So I designed Sous. Features include: • Hands-free cooking mode for uninterrupted workflows • Adaptive meal planning based on available ingredients • Motion-rich interactions and immersive recipe exploration • Smart collections and contextual recipe discovery • A visual system inspired by premium culinary experiences How Google Stitch helped: Google Stitch became part of the workflow instead of just another design tool. I used it to rapidly move from rough concepts to interactive interfaces, iterate directly on screens using AI edits, experiment with layouts faster, and refine motion-heavy experiences without rebuilding everything repeatedly. Stitch made it easier to: → Explore multiple interface directions quickly → Iterate components in-place with AI feedback loops → Build interaction-heavy screens faster → Focus more on UX decisions instead of repetitive UI work → Prototype a more “alive” interface through motion and interaction experimentation The goal wasn’t just to design another recipe app — it was to create an interface that feels present while you cook. ✨ Try the prototype → Prototype (https://stitch.withgoogle.com/preview/11633371536292961535?node-id=7c95e74d44bc48ccae2bc0a2e3450eb1) Would love feedback on the interactions, motion system, and cooking workflow. #UIDesign #UXDesign #ProductDesign #AIWorkflow
2
4
302
Cover image for SkillMaarg: Next-Generation EdTech & AI
SkillMaarg: Next-Generation EdTech & AI Training Ecosystem SkillMaarg is an enterprise-grade digital ecosystem currently under intensive development, designed to disrupt the traditional marketing education space. The platform's core mission is to bridge the gap between legacy workflows and AI-driven reality, empowering professionals to achieve 10x productivity and deliver the output of five people. As the core developer for this project, I am architecting a high-performance, scalable web application using a premium stack consisting of Next.js, React, TypeScript, and custom CSS Modules, deployed via Vercel. I am responsible for migrating the brand from a generic template-based infrastructure to a fully custom, programmatic environment. Currently, I have successfully engineered the highly optimized, high-conversion Home and About pages, establishing a striking neo-brutalist design system with dynamic micro-animations and "Thumb-First" mobile architecture designed specifically for high-intent social traffic. This is a massive, multi-phase project with a highly sophisticated backend and third-party integration roadmap. The comprehensive architecture that I am responsible for implementing includes: Custom LMS & Authentication: Building a secure student portal (training.skillmaarg.com (http://training.skillmaarg.com)) featuring frictionless, OTP-based passwordless login for accessing premium course materials and recordings. E-Commerce & Payment Architecture: Integrating the PayU payment gateway for a seamless checkout experience. This includes engineering a custom cart system for modular "Bite-Sized Skills" that utilizes intelligent UI triggers for dynamic, bundled upselling. Enterprise CRM Integration: Developing direct API connections with CRMs like Meritto and LeadSquared for automated lead routing, pipeline management, and dynamic source attribution based on entry points. AIO (Agentic AI Optimization) & Technical SEO: Engineering the site architecture to be readable by both humans and LLMs. This involves implementing extensive Schema.org (http://Schema.org) and JSON-LD markup to optimize the platform for Generative Engine Optimization (GEO) and AI crawlers like ChatGPT and Perplexity. Advanced Tracking & Analytics: Integrating a robust data layer using Google Analytics 4 (GA4) and Meta Pixel with custom event tracking for precise user journey mapping. SkillMaarg represents a major architectural undertaking. It showcases my ability to build complex, scalable educational platforms from scratch—combining premium, conversion-focused UI/UX with deep third-party integrations, automated business logic, and forward-thinking technical strategies.
1
42