Saree Store

A premium saree product catalog built with vanilla JavaScript that reads from a simple text file. Replaces static HTML with a dynamic, auto-generated UI. Products are added by editing a text config—no database or backend needed—making it easy for non-developers to manage inventory.

Build StackHTML, CSS, Vanilla JavaScript, Figma (design), Text-based product config

Challenges

  • Rendering product cards dynamically without a backend or framework overhead

  • Keeping product updates simple (editing a text file, not a database)

  • Optimizing images without slowing down initial load

  • Supporting filters (price, color, material) without a search backend

Solutions

  • JavaScript parses text file on page load; generates HTML dynamically

  • Image lazy-loading; WebP format with JPEG fallback

  • Client-side filtering via JavaScript arrays; no server round-trips

  • Simple JSON structure within text file for easy manual edits