BuildWithRani

My hub where I break down what I’m learning and building, one step at a time.

INTRODUCTION

The story behind BuildWithRani

BuildWithRani started with a simple need: I wanted one place to document what I learn and what I build.

Throughout 2025, I explored different tech stacks and project ideas, but everything was scattered across folders, repos, and notes.

By late 2025, while working on my portfolio and building UI flows, I realized I needed a structured space to explain my work and thought process step by step.

So I created BuildWithRani.com — a personal space to organize my learning, showcase the projects I build over time, and track my growth as a developer.

It’s designed to evolve with me, no matter which technologies I explore next.

WHAT BUILDWITHRANI INCLUDES

React Learning Notes

A growing collection of notes & experiments from React practice.

Component-based UI fundamentals

State and hooks fundamentals

Blend of theory and code examples

For the feature demo, watch it below:

React Project

A hands-on project focused on building a real-world e-commerce UI with React.

Independently runnable, module-based pages

Clean, feature-based folder structure

GitHub source code with live demo

For the feature demo, watch it below: