Meridian Market
A responsive e-commerce frontend with product filters, detail pages, cart, and wishlist.
Business value
Shows user-facing product browsing and purchase-flow design.
Key features
overview
A live e-commerce frontend practice project.
problem
Users need to browse, filter, and save products quickly.
solution
Use a responsive storefront with product listing, details, cart, and wishlist.
key features
Product listing / Category filters / Detail pages / Cart / Wishlist / Coupon flow / Mobile navigation
tech stack
Vue 3 / TypeScript / Vite / Pinia / Axios / Element Plus / Vant UI / Tailwind CSS
architecture
Vue, Pinia, API service layer, and local state persistence.
AI-assisted workflow
AI assisted with copy cleanup, component review, and deployment config.
challenges and what I learned
Learned product state, mobile navigation, and routing deployment configuration.
screenshots
Available through the live demo.