@ParasJain

Project Setup - Webpack

Mar 7 · 4 min read · Create Project Folder First create a clean project. mkdir ecommerce-webpack cd ecommerce-webpack Now initialize npm. npm init -y This creates: package.json Why? package.json manages: dependencie

Git & GitHub Branching

Feb 14 · 3 min read · If you're starting your developer journey (especially as a student or aspiring MERN stack dev), mastering Git workflow is non-negotiable. In this guide, I’ll teach you step-by-step how to: ✅ Create a GitHub repository ✅ Create a develop branch ✅ C...

Building a Reusable Styled Table Using Web Components (Step-by-Step)

Feb 5 · 4 min read · Web Components allow us to create reusable, framework-free UI components using native browser APIs. In this article, we’ll build a styled table component that: Works like a custom HTML tag Has scoped CSS using Shadow DOM Accepts headers via HTML a...

Pure CSS Carousel Walkthrough

Feb 5 · 2 min read · I have converted the testimonial carousel from a JavaScript-based implementation to a pure CSS solution using the radio button technique. Changes Made 1. HTML Overhaul Added Hidden Radio Buttons: Two radio buttons (#dot-1 and #dot-2) were added to t...

Advanced JavaScript: Network Requests, Headers, Body & Postman

Feb 3 · 2 min read · JavaScript allows you to interact with servers and APIs using network requests. Understanding this is essential for building dynamic web apps. Let’s break it down. 1. Network Requests in JavaScript JavaScript communicates with servers via HTTP reque...