Frontend Developer · Surat, India
ShabanaRangrez
I build interfaces the way I make herbal formulas and teach the Quran — carefully, honestly, and with attention to the smallest detail. Self-taught, always learning, and proud of it.
Also: founder of AS Herbal Shine · Quran teacher at Al Quran Online Academy · graphic designer · future author
Learner · Maker · Teacher
One person, four crafts, the same discipline.
I taught myself to code the same way I learned to formulate herbal products and to teach tajweed — slowly, from first principles, one honest mistake at a time.
That path shaped how I work: I measure before I mix, I test before I ship, and I explain things the way I would want them explained to me.
Selected work
Built with intent, shipped with care.
Three projects that show how I think — each one a real product with real users, not a tutorial clone.
Beyond code
Depth, not distraction.
The crafts outside the editor are not side quests — they are where my patience, taste, and discipline come from.
Toolkit
Fewer tools, deeper practice.
Build
- HTML & CSS
- JavaScript
- TypeScript
- React
- Next.js
- Tailwind CSS
Design
- Figma
- Canva
- Adobe Photoshop
- Typography
- Brand identity
Practice
- Accessibility (WCAG)
- Performance budgets
- Git & GitHub
- Responsive design
Kind words
From students, customers, and collaborators.
Shabana taught my daughter with so much patience. Her tajweed improved within months, and she actually looks forward to every class.
The hair oil is the only product that has worked for me — and knowing exactly what goes into it makes all the difference.
She treats a landing page the way she treats a formula: measured, tested, and refined until it simply works.
Say salaam
Have a project, a class, or a question in mind?
I reply to every message personally — usually within a day, from Surat, with chai nearby.


