I don't build websites;
I build products


Devyansh Yadav

Devyansh Yadav

MERN Stack Developer | Specializing in Seamless Frontend UX

Resume

Experience

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


About me

I am a Freelancer and 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. 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 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...


Projects

Play NFT
Play NFT

Saas NFT Landing Page

Super Grok
Super Grok

Chrome Extension to Twitter Grok AI

Mesh Gradient Generator
Mesh Gradient Generator

Premium mesh gradients with unique grain effects

DevGPT
DevGPT

Innovative ChatGPT Scraping Solutions

Dev ImgKit
Dev ImgKit

Cloud-based image processing platform

DeepSeek Royal
DeepSeek Royal

Extension that provides Addons for DeepSeek AI

Xtract
Xtract

AI-driven Chrome extension

Whatscom
Whatscom

Client Project

Devvarena
Devvarena

A Fronted Editor for Beginners

VOLD
VOLD

Client Project

Dev Gemini
Dev Gemini

Gemini clone that beats actual gemini

Developer Think
Developer Think

Collaborative Advanced Blogging Platform

Dev Components
Dev Components

A collection of highly reusable components

Ashok Interiors
Ashok Interiors

Client Project

Kadam Lifestyle
Kadam Lifestyle

Client Project

Ashofy
Ashofy

Client Ecommerce Project

Img to Code
Img to Code

A tool to convert UI to code

Do Paste
Do Paste

A tool for sharing text

G Drive
G Drive

An advanced backend for Google Drive

Codepen
Codepen

Micro projects made with Codepen

Youtube Bookmark
Youtube Bookmark

A Chrome extension to add timestamps to youtube videos

Blog Dashboard
Blog Dashboard

A dashboard for advanced blogging platform