Rani Rangari

@ranirangari

Website

Developer | Building web applications with clean UI and practical user flows.

IndiaJoined August 2025

About

Documenting how I build and structure applications. https://buildwithrani.com

Available for

Nothing here yet.

Rani Rangari's blogs

BuildWithRanibuildwithrani.hashnode.dev7 posts

Articles Threads Comments

Recently published

buildwithrani.hashnode.dev

Designing a Domain-Safe Cart System

Shopping carts are often treated as a temporary data structure — a list of items that can be freely added, updated, or cleared. In real systems, a cart represents a mutable domain state that must remain consistent while supporting concurrent user act...

Feb 52 min read

buildwithrani.hashnode.dev

Designing a Stateless Authentication System (JWT + Spring Security)

Authentication is often treated as a simple login flow.In real systems, it becomes a foundation layer that influences security boundaries, frontend structure, and long-term maintainability. In this project, authentication is designed as a backend-own...

Jan 221 min read

buildwithrani.hashnode.dev

Designing a Product Detail Page in React

Product detail pages are where users slow down, evaluate, and decide. Unlike listing pages, the focus here is not discovery — it’s clarity, hierarchy, and loading behavior. In this build, I focused on: clear data ownership reusable UI sections ske...

Dec 22, 20252 min read

buildwithrani.hashnode.dev

Designing a Product Listing Page with Filters & Sorting in React

Product listing pages may appear simple, but they manage some of the most important actions in an e-commerce flow — filtering, sorting, browsing, and discovering products.In this module, I focused on creating a structured layout in React with clean f...

Dec 17, 20251 min read

buildwithrani.hashnode.dev

Structuring a Section-Based E-Commerce Landing Page in React

E-commerce landing pages often look simple on the surface, but they carry the responsibility of showcasing products, guiding user attention, and setting the overall visual direction of the store. While building a section-based landing page in React, ...

Dec 11, 20251 min read

Rani Rangari

About

Available for

Rani Rangari's blogs

Recently published

Designing a Domain-Safe Cart System

Designing a Stateless Authentication System (JWT + Spring Security)

Designing a Product Detail Page in React

Designing a Product Listing Page with Filters & Sorting in React

Structuring a Section-Based E-Commerce Landing Page in React

Search Hashnode

Rani Rangari

About

Available for

Rani Rangari's blogs

Recently published

Designing a Domain-Safe Cart System

Designing a Stateless Authentication System (JWT + Spring Security)

Designing a Product Detail Page in React

Designing a Product Listing Page with Filters & Sorting in React

Structuring a Section-Based E-Commerce Landing Page in React