I don't build websites;
I build products

Devyansh Yadav

MERN Stack Developer | Specializing in Seamless Frontend UX

Experience

Developed and deployed projects, including e-commerce platforms, dashboards, and portfolio websites, tailored to client needs.

About me

I am a Product Builder passionate about creating impactful web applications. With a strong focus on frontend development, I specialize in turning ideas into functional, user-friendly digital products. I am currently learning GenAI, which will enable me to build more agentic and functional frontend experiences. Whether building sleek, responsive designs or architecting scalable solutions, I thrive on delivering value to clients and users. Proficient in tools like React.js, Next.js, and Tailwind CSS, I am committed to continuous learning and staying ahead in the ever-evolving tech landscape.

Projects

Skills

Location

India, Mumbai

Socials

Email

devyanshdeveloper@gmail.com

Resume

Blogs

Creating a Modal Using Only a Checkbox and Tailwind CSS

Discover how to build a lightweight, accessible modal without JavaScript. Learn to leverage Tailwind...

Using useFormStatus and useFormState a in Next.js 14 with Server Actions

Using useFormStatus and useFormState a in Next.js 14 with Server Actions...

Magical Resources for Frontend Developers

Discover indispensable resources for modern frontend development. Ideal for developers looking to en...

Level Up Your Forms: Crafting Animated Inputs with Pure Tailwind CSS

Discover how to create eye-catching, animated input fields using nothing but Tailwind CSS!...

Fixing React/Next.js Build Error: "Document is not defined"

Document is not defined" error in your React or Next.js project? This guide explains why it happens ...

How to create a colorized spotlight effect on image?

Learn how to create a circular spotlight effect that reveals color in specific parts of an image whi...

Understanding Parallel and Intercepting Routes in Next.js

Unlock the power of Next.js advanced routing! Learn how to create Pinterest-style modal views and co...

Fixing the ERESOLVE Dependency Error in Next.js 15 Vercel Deployments

Learn how to quickly resolve the frustrating ERESOLVE dependency error when deploying Next.js 15 app...

A Deep Dive into Chrome Extension Architecture: Understanding the Core Files

In this guide, we'll explore the fundamental building blocks that make up every Chrome extension. Fr...

Building a Chrome Extension with React, Vite, and Tailwind using CRXJS

Building a Chrome Extension with React, Vite, and Tailwind CSS - Learn how to create modern browser ...

On Fly Image Transformation Pipeline Using Amazon CloudFront and AWS Lambda

Discover an efficient AWS architecture for on-demand image transformation using CloudFront, AWS Lamb...

Decoding AI Jargons with Chai

Ever wondered how AI seems to magically generate text, images, or even videos? In Decoding AI Jargon...

Work Experience

Companies I've worked with and projects I've built

NexGenCompany.ai

Full Stack AI Developer

AutoDoc

Engineered a smart document generation platform for SAP ABAP code documentation using a BYOT (Bring Your Own Template) approach, integrated seamlessly into the SDLC for automation and standardization.

View

Key Contributions:

●Architected advanced XML processing for flexible, template-driven document creation
●Integrated and optimized Core AI SDK for code analysis and automated documentation
●Designed dynamic system prompt management tailored to project requirements
●Built structured database architecture with optimized Supabase queries for scalability
●Developed a user-friendly interface with real-time simulation and feedback

The Squirrel

Next JS Developer

Social Hardware

Developed both the blog frontend, contributing to a platform with seamless blog content management.

View

Key Contributions:

●Built content management dashboard for updating blog posts
●Integrated SEO features and meta tag management for improved search visibility

Rushdr

Contributed to a complex dashboard frontend for doctor appointment management, delivering efficient data presentation and doctor/patient/admin functionalities.

View

Key Contributions:

●Developed core dashboard modules using React JS with responsive layouts
●Integrated Payment gateway for online payments
●Built doctor and patient interfaces for streamlined operations
●Optimized frontend performance with effective state and component management
●Designed and implemented a highly complex onboarding flow improving user adoption
●Collaborated with backend developers to ensure smooth API integration and data flow

Whatscom

Next JS Developer

Whatscom.io

Built a full-featured, responsive corporate website from scratch, highlighting company services and brand with strong performance and UX across all devices.

View

Key Contributions:

●Engineered frontend architecture in Next.js using SSR for SEO and fast load times
●Applied Tailwind CSS for responsive design across mobile, tablet, and desktop
●Created interactive Inhouse UI components and subtle animations for engaging UX
●Optimized performance through code splitting, image handling, and lazy loading