Client
स्वरा फॅशन · Royal Rental Boutique
Swara Fashion
A real-time, bilingual rental catalogue and owner admin panel that we designed and built for Swara Fashion, a boutique that rents traditional festive wear and jewellery. Mobile-first, Marathi by default, and made to turn browsing into a WhatsApp enquiry in two taps.
- React
- Firebase
- PWA
- Marathi + English
Marathi + English
Marathi by default, English in one tap.
Live updates
Owner edits appear on the site without a refresh.
WhatsApp-first
Enquiries open WhatsApp or the dialer, pre-filled.
Installable PWA
Add to home screen; browsing works offline.
A catalogue as refined as the brand.
Swara Fashion rents traditional outfits and jewellery for festivals such as Navratri, Garba and Dandiya Raas. They came to us for an online catalogue worthy of their royal brand: beautiful on a phone, Marathi first, and simple enough for the owner to keep fresh every season without a developer.
Deliberately focused.
No cart, no checkout, no customer accounts. Rental is arranged personally, so every product page ends in the action that matters: a WhatsApp enquiry or a phone call, pre-filled with the product and the customer's event date. Nothing is hard-coded, so the owner controls every word and photo.
A festival-first storefront.
Seasonal collections take centre stage, and the whole shop is built for one-handed use on a phone.
- Festival pages appear and retire by date, and include whole categories automatically
- One-tap festival and category chips, plus a bottom tab bar on phones
- Homepage banner and announcement bar edited by the owner, never hard-coded
- Marathi by default with a one-tap English switch
A catalogue that finds things fast.
Real-time results, with filters built from the products that actually exist.
- Search by product name or SKU
- Filter by festival, category, audience, rental price, size, colour and availability
- Sort by newest, price and more; filter state lives in the URL so any view can be shared
- On phones, a filter sheet with a live “Show N items” button
Product pages built for the enquiry.
Everything a customer needs to decide, and one clear next step: ask on WhatsApp.
- Swipeable gallery of up to 6 photos with a full-screen pinch-zoom viewer
- Rental rate, refundable deposit and availability up front
- The customer's event date is added to the WhatsApp message automatically
- Sticky WhatsApp and call bar, size guide and “pair with” suggestions
Small things that make it feel premium.
Saved shortlist
Visitors save favourites on their own phone and send the whole shortlist in a single WhatsApp message.
Fast on real networks
Photos are compressed to WebP in the browser at upload (about 180 KB each) and the homepage banner ships in three sizes, so phones download about a fifth of the data.
Rich link previews
Cloud Functions serve real titles, descriptions and photos, so a product link shared on WhatsApp or Facebook shows the actual outfit, not just the shop logo.
Search-ready
Product and breadcrumb structured data, a generated sitemap, and a robots file that keeps admin pages out of search results.
Offline-friendly
An on-device cache makes repeat visits instant and keeps browsing working when the connection drops.
Private analytics
Anonymous daily counters for WhatsApp taps, calls and product views. No cookies, no personal data.
Built so the shop can run itself.
A secure admin panel manages everything the public site shows. Every change appears on every open visitor screen within about a second, with no refresh and no developer.
- Sign in with email and password or Google
- Photos are resized and compressed in the browser before upload
- Slide-over editors with a pinned Save button, built for phones too
- Empty states instead of dummy data: nothing is faked
Products
Up to 6 photos each, auto-compressed in the browser
Categories
With sub-categories and cover photos
Festivals
Season dates, plus whole categories included
Homepage
Banner text and the top announcement bar
Reviews
Real customer reviews only, shown when added
Settings
Phone, WhatsApp, address, hours, size guide
Live dashboard
Counts update in real time
QR codes
Print-ready codes for the shop counter
Engineered like a product, not a template.
Frontend
- React 18, TypeScript and Vite with route-level code splitting
- Tailwind CSS design system in maroon and gold
- Mobile-first, checked from 320 to 768 px with 44 px tap targets
- Marathi and English from one source of truth, with a script that checks both stay in sync
Backend on Firebase
- Cloud Firestore real-time listeners and an on-device cache
- Authentication, Storage and Hosting
- Cloud Functions in Mumbai for link previews, sitemap and anonymous counters
- Indexes and queries designed so filters stay fast as the catalogue grows
Security & quality
- Security Rules validate every field and are tested by attack in the emulator
- Sign-in lockout after repeated failures and 30-minute inactivity sign-out
- Strict content-security, HSTS and anti-framing headers; App Check ready
- Unit, security-rules and SEO integration tests
- React 18
- TypeScript
- Vite
- Tailwind CSS
- React Router
- Firebase Auth
- Cloud Firestore
- Cloud Storage
- Firebase Hosting
- Cloud Functions
- Vitest
- PWA
Design to deployment-ready.
Product design, engineering and security for the complete system, from the first sketch to a tested, production-ready build for Swara Fashion.
- Product design & mobile-first UX
- Full-stack web engineering
- Firebase architecture & Security Rules
- Owner admin panel
- SEO, structured data & link previews
- Progressive web app setup
- Bilingual content system (Marathi + English)
- Automated tests for rules, filters and SEO
Need a catalogue the owner loves to run?
Tell us about your shop, studio or brand. We will design and build it with the same care we gave Swara Fashion.
Swara Fashion is a client of Evolvah Technologies. The Swara Fashion name, logo and product photography belong to the client and are shown here as part of this case study.