Madam's Mart

The local Market at your finger tips

Comment

Inspiration

I was inspired by the everyday experience of shopping at local markets—especially how communities rely on them for fresh, accessible food. I wanted to bring that warm, familiar experience online in a way that felt local, simple, and trustworthy. Madam’s Mart is my take on digitizing the open market feel, with the same accessibility and human touch you'd find in person

What it does

Madam’s Mart is a full-stack e-commerce application that allows users to:

Browse food items across 8 categories

View detailed product information

Add items to a shopping cart

Simulate a payment during checkout

Get an order confirmation screen

The design is mobile-first, clean, and intuitive, using bright visuals and bold colors that reflect freshness and trust.

How I built it

I built the app using a prompt on Bolt.new, which allowed me to scaffold a full-stack app in minutes. From there, I customized the components, routes, and logic based on my goals for the shopping experience.

Here’s the tech I used:

Framework: Bolt.new by Vercel (React + Vite + Server Functions) Styling: Tailwind CSS State Management: Zustand (for cart state) Backend: Bolt server functions Data: In-memory mock data with an option to scale to SQLite + Prisma Hosting: Vercel Visual Theme: Primary color: #B6EE56 (fresh green) Accent color: #FFA33F (warm orange) Image style: high-resolution photos of fresh raw foods

Challenges we ran into

The biggest challenge was learning how to be very specific with my prompt. Bolt generates based on prompt instructions, so I had to think like both a designer and a developer—clearly describing: The purpose of the app The exact categories Route structure UI expectations (colors, images, layout) User flow from browsing to checkout Getting the right output required iteration and refinement, especially when aligning design goals with Bolt’s default setup.

Accomplishments that we're proud of

Generating a working full-stack e-commerce app from a structured prompt Creating a visually consistent UI with just two main colors Successfully implementing category navigation, product pages, and a working cart Deploying the app live on Vercel in a short timeframe

What we learned

How to write precise prompts that include both technical and design expectations How to work with Bolt’s file-based routing and API structure The importance of clearly describing UI/UX goals in AI-assisted coding tools Fast prototyping and styling using Tailwind and Zustand

What's next for Madam's Mart

Add authentication and a vendor dashboard Connect to a real database with SQLite and Prisma Integrate test payments using Stripe Persist the cart using localStorage Polish UI/UX for progressive web app (PWA) support

Built With

Share this project:

Updates