Loading Portfolio
Preparing experience...
Grocery Market IntelligenceProject 01 of 03
Bazar Dor
Bengali Daily Essential Grocery & Real-Time Price Platform
Project Overview
Bazar Dor is an intuitive, bilingual market intelligence platform built specifically for consumers in Bangladesh. It tracks everyday commodities—from staple grains like Miniket and Nazir rice to fresh vegetables, fish, meat, dairy, and spices. The application empowers buyers with price transparency, dynamic percentage shifts, and categorized wet-market analytics.
Problem It Solves
In wet markets (bazar) across Bangladesh, retail prices of daily essentials fluctuate rapidly due to seasonal shifts, transportation bottlenecks, and regional supply chain variations. Everyday buyers lack a reliable, centralized digital platform to check fair daily prices before visiting the market, often leading to overspending and arbitrary pricing.
Verified Technology Stack
All technologies implemented directly within the application and client repository:
Next.jsTypeScriptTailwind CSSBetter AuthLucide React
Key Implemented Features
Real-Time Price Ticker: Dynamic marquee banner highlighting today's market gainers and decliners with animated directional percentages.
Essential Commodity Categorization: Fast navigation across 8 core food categories (Chal, Dal, Tel, Sobji, Mach, Mangsho, Dim-Dudh, Mosla) with Bengali typography.
Price Difference Tracking: Clear comparison between today's rates and previous benchmarks per standard unit (kg, litre, dozen).
User Authentication: Integrated with Better Auth for secure user registration and personalized price tracking.
Mobile-First Design: Tailored for on-the-go browsing on smartphones in local market conditions.
Development Challenges & Solutions
Real hurdles encountered during architecture, state modeling, and implementation:
1Dynamic Bengali Numerals & Percentage Trend Calculations
The Challenge: Formatting numbers with localized Bengali digits while calculating floating-point percentage increases and decreases accurately across hundreds of items.
Approach & Solution: Engineered clean formatting helpers that normalize mathematical differences into rounded percentages and convert them into Bengali number glyphs with positive/negative color tags.
What I Learned: Gained hands-on experience with internationalization (i18n), number formatting pipelines, and handling edge cases in client-side data parsing.
2Marquee Performance & Low-End Device Optimization
The Challenge: A continuous animated ticker can quickly consume mobile GPU/CPU resources if implemented with heavy JavaScript loops.
Approach & Solution: Used hardware-accelerated CSS animations (transform: translate3d) and will-change: transform to keep animations smooth and 60fps even on entry-level Android devices.
What I Learned: Learned the value of CSS-first animation strategies over JavaScript interval-driven animations for high-frequency UI updates.
Future Roadmap & Improvements
Planned technical enhancements and product refinements:
1
Crowdsourced price verification per wet market (e.g., Karwan Bazar vs Mirpur-1) with community trust ratings.
2
Interactive 30-day historical price fluctuation graphs using lightweight canvas charting.
3
Offline Progressive Web App (PWA) support with background sync for low-connectivity market visits.
4
Personalized shopping list generator calculating total estimated basket cost based on current prices.