ShopSimple 🛒

ShopSimple is a minimal, frontend-only e-commerce store I built while practicing modern web development.

Live Demo: https://ecommerce-store-liart-delta.vercel.app/

I wanted to see how clean I could make an e-commerce UI without relying on heavy frameworks like React or bulky CSS libraries like Tailwind. Pura project sirf raw HTML, CSS, aur Vanilla JavaScript se banaya hai.

Kya scene hai is project ka? (What's in it)

• No Frameworks: Built strictly with Vanilla JS (ES6). Sab state management, API calls, aur DOM manipulation scratch se handle kiya hai.
• FakeStore API: Real-time data fetch ho raha hai FakeStoreAPI se.
• Instant Search & Filters: You can search products, filter by category, or use the price slider. Sab kuch instantly update hota hai bina page reload ke.
• Working Cart: A sleek slide-out cart where you can add/remove items and change quantities. Plus, localStorage use kiya hai toh refresh karne pe cart khali nahi hota.
• Clean UI: Simple grid, minimal touches, and responsive design using CSS Flexbox/Grid. Dikhne me ekdum premium lagta hai.

Tech Stack

• HTML5
• CSS3 (Custom design system, flex/grid)
• JavaScript (Modern array methods like map/filter, async/await)

Chalana Kaise Hai? (How to run)

Since isme koi build step ya npm install ka chakkar nahi hai, running this locally is super easy:

1. Repo clone karo: git clone https://github.com/AtulSharmx/Ecommerce-Storefront.git
2. Folder open karo.
3. index.html file par double click karo ya VS Code live-server se open kar lo. That's it!

---

Hope you like the code structure. Agar kuch suggestions ho toh pull requests are welcome!