frontend-baat-cheet.hashnode.devGit & GitHub BranchingIf 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...Feb 14·3 min read
frontend-baat-cheet.hashnode.devBuilding a Reusable Styled Table Using Web Components (Step-by-Step)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...Feb 5·4 min read
frontend-baat-cheet.hashnode.devPure CSS Carousel WalkthroughI 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...Feb 5·2 min read
frontend-baat-cheet.hashnode.devAdvanced JavaScript: Network Requests, Headers, Body & PostmanJavaScript 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...Feb 3·2 min read
frontend-baat-cheet.hashnode.dev3D Cube Flip Card Using Pure HTML & CSSThese notes explain how to build a 3D cube-style flip card step by step using only HTML and CSS, exactly like a team/people card that shows an image on the front and rotates to reveal content on hover. This is written for future reference + blog post...Jan 24·4 min read
