HI THERE, I'M YASH

I'm a Front-End Web Developer,
Focused on UI/UX, responsiveness & pixel-perfect design. Creating seamless interfaces with Modern tech stack.

View My Work

About Me

I am a Front-End Developer who designs and builds high-quality, maintainable user interfaces for real-world web applications. I specialize in advanced HTML semantics, modern CSS architecture, and JavaScript-driven interactions, creating scalable UI systems with React and Tailwind. I translate design concepts into production-ready code using Figma and Canva, and deliver complete solutions supported by SQL and PostgreSQL through AI-assisted backend workflows. My focus is clarity, performance, and long-term reliability.

3,50,000+ Lines of Code

Production-ready and experimental code across scalable, real-world applications

30+

End-to-End Projects Successfully Delivered

3.5+

Years of Hands-On Development Experience

AI-Driven

Integrated modern AI tools & workflows to boost development speed and efficiency

Top 30

Global Rank on CSSBattle (150,000+ score)

12+

Projects Featuring Real-Time Data & Live Interactions

200+

Reusable, Custom-Built Front-End UI Components Designed

Google Indexed

Portfolio discoverable and ranked across Google search results

8.6/10

Average UX Score from Peer Reviews & User Testing

Education

B.Tech - Vignan's Lara Institute of Technology & Science (ECE)

Vadlamudi, Guntur 2022-2026

Intermediate - Nehru Niketan Junior Collage (MPC)

Bose Road, Tenali 2020-2022

Secondary Schooling - Sri Chaitanya Techno School

Burripalem Road, Tenali 2017-2020

Skills

" Step into the space where I’ve mastered every skill you see in action. "

HTML CSS JavaScript Bootstrap tailwind css logo Tailwind CSS Vite.js logo Vite.js React.js JavaScript Animations Node.js Express.js MySQL PostgreSQL MongoDB Figma Framer Canva Spline 2D Design 3D Design Illustrations Presentations Photoshop UI/UX Design WireFrames Git GitHub Vercel Netlify Neon Railway C Language Java Python

Projects

MagiK_Cuts Salon Website

MagiK Cuts

HTML CSS JavaScript Tailwind BootStrap Node.js Express.js Vite.js PostgreSQL Web API Unsplash AOS Library

Built a full-stack salon web app with instant & pre-bookings, modern UI/UX, responsive design, smooth animations, secure authentication, live email notifications.

View Demo
kitchen image

Golden Flame

HTML CSS JavaScript Tailwind Bootstrap AOS Library Web API Vite.js Node.js Express.js PostgreSQL UnSplash

Developed a full-stack kitchen website with a vibrant menu display, seamless user experience, and integrated delivery, pickup, and catering options - enhanced with live email notifications for orders and updates.

View Demo
CosmiCruise Travels

CosmiCruise

HTML CSS JavaScript Tailwind BootStrap Vite.js Node.js Express.js PostgreSQL Web API AOS Library

Developed a visually engaging full-stack travel website with modern UI/UX, enabling users to seamlessly browse curated destinations at budget-friendly prices - enhanced with live email notifications for bookings and updates.

View Demo
AuroraX

AuroraX

HTML CSS JavaScript Tailwind BootStrap AOS Lib Authentication Vite.js Unsplash Animations UI/UX

Built a modern, fully responsive Netflix-style streaming web app with clean UI, smooth animations, intuitive layouts, and real-time interactivity from login to logout.

View Demo
blog website

BlogiVerse

HTML CSS JavaScript Tailwind Bootstrap AOS Library Vite.js Authentication ADMIN Panel CRUD Operations

A full-featured blog platform with an intuitive admin panel, allowing users to create, edit, and delete posts seamlessly. Designed for smooth content management and easy monitoring of all activities.

View Demo
luxe

LUXE Fashion & Accessories

HTML CSS JavaScript Tailwind Bootstrap AOS Library Vite.js Authentication Responsive Design

Luxe Fashion is a fully functional e-commerce platform offering premium apparel for men, women, and kids, blending elegance with modern trends. Features seamless user experience from login to order flow, ensuring smooth browsing, shopping, and checkout.

View Demo
Chat Application

Flow Chat Pro (Internship Project)

HTML CSS JavaScript Tailwind CSS Bootstrap AOS Library Node.js Express.js Socket.io PostgreSQL

Built a real-time chat app with Socket.io and Node.js, featuring secure authentication, user presence, typing indicators, and PostgreSQL for persistent chat history.

Live Demo Not Available
Online Learning Platform

EduGlobe (Internship Project)

HTML CSS JavaScript Tailwind CSS AOS Library Node.js Express.js PostgreSQL REST API Authentication

Built a dynamic e-learning platform with interactive courses, video lectures, quizzes, progress tracking, and a Node.js backend. Features user authentication, role-based access, and a modern, responsive UI.

Live Demo Not Available
YRStudio templates preview

YRStudio

HTML CSS JavaScript Tailwind BootStrap AOS Library Vite.js Responsive Design UI/UX

Created a portfolio template collection website offering 20+ modern, responsive, and free-to-use designs for 20+ various domains. Designed to help students, programmers, freelancers and developers instantly launch personal portfolios with customizable code and smooth animations.

View Demo
YMX Website

YMX

HTML CSS JavaScript Tailwind BootStrap Animations Vite.js UI UX Motion Graphics

A BMW-inspired automotive interface study focused on precision, hierarchy, and controlled motion. Built with a premium visual language, fully linked model and specification flows, and a strong emphasis on balance, spacing, and interaction detail.

View Demo
Fyashion

Fyashion

HTML CSS JavaScript Tailwind Bootstrap Vite.js Responsive UI Animations Authentication

Designed a stylish, feature-rich fashion eCommerce platform with product filtering, wishlist, search, and authentication - delivering a smooth, elegant shopping experience with responsive layouts and dynamic interactions. More Features Coming Soon.

View Demo
quiz platform image

KnowledgeGrid

HTML CSS JavaScript Tailwind BootStrap REST API Vite.js Authentication UI

A secure, multi-platform online quiz application built for scalability and performance. Features include dynamic question management, real-time score evaluation, encrypted authentication, copy-paste prevention, full-screen enforcement, user profile management, and a live score dashboard - all within a clean, responsive UI.

View Demo
roast-code

CodeRoast

HTML CSS Tailwind CSS BootStrap JavaScript AI Powered AOS Library Responsive Design

CodeRoast Is A Ruthless AI That Tears Apart Your Code And Crushes Your Confidence. Every Mistake Is Exposed With Savage Honesty And Uncensored Insults.
WARNING: Extreme 18+ Brutal Language, Raw Abuse, And Confidence-Crushing Statements. Users May Experience Intense Adrenaline And Shock Reactions. Motivation Is Not Guaranteed.

Request a Demo
Expense Tracker System db

Expense Tracker

JavaScript HTML CSS BootStrap Tailwind Local Storage Vite.js AOS Lib

Built a dynamic summary dashboard with interactive charts, transaction history, budget planner, live projections, downloadable reports, and an intuitive UX.

Doc Vault Website

TyTan

HTML CSS JavaScript Tailwind CSS BootStrap Drag & Drop Cloud Storage Authentication Responsive Design

A secure cloud-based document storage platform providing over 5GB free storage. Featuring user authentication, encrypted file handling, and drag & drop support for easy upload, access, and management of personal or professional documents across all formats.

Live Demo
SONIX Music Website

SONIX

HTML CSS JavaScript BootStrap Tailwind AOS Library Responsive UI Spotify Dev's API Free-to-play

SONIX is a clean and modern music website with smooth animations, curated playlists, artist highlights, and an easy-to-use interface - delivering a fast, aesthetic, and immersive music experience. STILL UNDER API TESTING.

View Demo
UI Shadezz & Essentials

UI Shadezz & Essentials

HTML CSS JavaScript TailwindCSS BootStrap AOS responsiveness Gradient UI Animations

UI Shadezz & Essentials is a modern UI component library offering clean aesthetics, smooth depth, and minimal setup. Each component uses gradients, glass effects, and soft shadows-perfect for dashboards, portfolios, apps, and landing pages.

View Demo
gradient generator

Gradient combinations

HTML CSS JavaScript Tailwind BootStrap UI AOS Color Tools Responsive

A creative tool for designing stunning CSS gradients with different angles and speed. It offers full customization, multiple colors, smooth animations, and real-time previews. Users can save, copy, and download their favourite animated gradients.

View Demo
svg Patterns

SVG Patterns

HTML CSS Tailwind BootStrap UI SVGs Vector Lightweight Design Tools

A collection of handcrafted SVG shapes, waves, blobs, and 70+ UI assets for developers. Fully scalable, customizable, and ready to integrate into any web project. All patterns are ready to copy, paste, and use instantly.

View Demo
perfume

Aetheris

HTML CSS JavaScript Tailwind CSS BootStrap Authentication AOS Library Responsive Design

Aetheris is a perfume brand offering a wide range of authentic fragrances from top brands. They focus on quality, sustainability, and personalized customer service for a delightful shopping experience.

Live Demo
recipe finder

Delicious Bites

HTML CSS JavaScript Tailwind Bootstrap AOS Library

Developed an interactive Recipe Finder application that allows users to search recipes by ingredients, cuisine, or meal type, featuring dynamic filtering, detailed recipe cards with cooking instructions, nutritional information, and a responsive design for seamless access across devices.

View Demo
Memory Match Game

Memory Master

HTML CSS JavaScript TailwindCSS Bootstrap Memory Based Animations Sound Effects Responsive

A fast, interactive memory flip-card game built with smooth animations. Designed for fun, focus training, and showcasing UI creativity with clean gameplay mechanics, With sound effects and multi grid selection feature.

Live Demo
Snippet Manager

Snippet

HTML CSS JavaScript Tailwind Bootstrap AOS Local Storage Vite.js

Snippet is a sleek notes app to capture and organize your ideas effortlessly. It supports multiple text formats, with options to pin, search, and download notes in various formats. It also comes with more handy features for enhanced productivity.

View Demo
weather-app

Weather Scope

HTML CSS JavaScript Tailwind CSS Bootstrap Weather API AOS Library Responsive Design

Built WeatherScope, a sleek, real-time weather app with global city search, live current conditions (temperature, humidity, wind, visibility, air quality), 24-hour and 7-day forecasts, and features like weather alerts, favorite cities, dark/light theme, and data export.

View Demo
movies bookings image

CineMax

HTML CSS JavaScript Tailwind BootStrap Vite.js AOS Library Live Bookings Seating Selections Responsive Design UX

Designed a cinema booking website with a user-friendly interface and seamless navigation. Includes seat selection similar to BookMyShow, along with listings of new releases, upcoming movies and detailed movie information.

View Demo
dsa image

450 DSA

HTML CSS JavaScript Tailwind Vite.js AOS Library Animations UI

Revamped the 450 DSA Cracker website with a sleek, Dynamic visualization featuring glassmorphism, smooth hover transitions, AOS scroll animations, indicators, and enhanced UI.

View Demo
QR Code generator

QR Code Generator

HTML CSS JavaScript Tailwind QR Code API Key

Developed a dynamic QR code generator web application that supports all types of URLs and links - including websites, social profiles, contact info, WiFi networks, and custom text - with the ability to download generated codes instantly and copy to clipboard.

View Demo
Portfolio Website

Legendary Portfolio

HTML CSS JavaScript Tailwind BootStrap Vite.js AOS library Spline Unsplash UI/UX

Crafted with passion for web development, this interactive 3D portfolio showcases projects, skills, and creativity with stunning visuals, smooth animations, and immersive modules - delivering a unique and memorable browsing experience.

View Demo

To-Do Manager

HTML CSS JavaScript Tailwind Responsive Design UI/UX

Developed a sleek and intuitive To-Do web app with a user-friendly interface, featuring a top-class hacker-style UI, smooth task management, and responsive design for daily productivity.

View Demo
Calculator

Calculator

HTML CSS JavaScript Tailwind Canvas Animations

Developed an scientific calculator with a sleek UI, supporting basic and advanced functions, real-time calculations, keyboard inputs, background canvas animations, and a responsive design for seamless use across devices.

View Demo
Console-based Systems

Console-Based Simulations

C Language (2) Java (1) Simulation OOP's Concepts Data Structures Terminal Overview

Developed ATM Simulator (C), Employee Payroll System (C), and Hospital Management System (JAVA), replicating real-world operations. These systems are capable of performing most tasks that a real-world system can handle, all through a terminal interface.

WHAT I DO

Pixel-Perfect Front-End

Production-Ready Websites

Robust Engineering Logic

Performance Tuning

Intuitive UI/UX

Visuals that Impress

Immersive 3D & Motion

CSS Art & Visual Craft

PPTs & Creative Design

AI Automation Workflows

Contact