rnblocks

Tap Open in Expo Go to preview on your device.

Customize in Studio

What this app does

Bazario is a full-featured ecommerce marketplace that lets customers browse, compare, and purchase from a catalog of thousands of products across nine major categories—from Electronics and Clothing to Home & Garden, Sports, and more. Instead of visiting separate stores, shoppers get a unified platform where they can search by keyword, filter by price or rating, and discover trending deals all in one place. The app handles the entire purchase journey, from first discovery through checkout, with a streamlined cart and multi-step payment flow.

Screens and user flow

The journey starts at the HomeScreen, a welcoming landing page that orients new visitors with a hero banner, a grid of major product categories, and a section highlighting trending deals. A prominent search bar invites quick exploration for users who know what they're looking for.

From there, most users head to the ExploreScreen to browse the full catalog. This is the app's powerhouse—a filterable product grid with multiple items displayed at once. Users can narrow results by category and sort by best-seller, newest, or price. Each product tile includes a quick-add-to-cart button for speedy shopping, but tapping the product itself opens the ProductDetailScreen.

The ProductDetailScreen is where purchase decisions happen. It displays a swipeable image gallery, complete product description, technical specs, and interactive selectors for size and color and a customer reviews section. Two call-to-action buttons—Add to Cart and Buy Now—let users choose their path forward.

Whether they've been adding items along the way or jump straight from product detail, users land on the CartScreen to review their selections. Here they can adjust quantities, remove items, and apply coupon codes. The order summary shows a real-time breakdown of subtotal, tax, and shipping estimate, giving transparency before checkout begins.

Finally, the CheckoutScreen guides users through a multi-step flow: entering a shipping address, selecting delivery method, entering payment details, and reviewing the final order.

Navigation is handled through bottom tabs—keeping Home, Explore, and Cart always accessible—with product and checkout flows nested naturally underneath, so users never feel lost.

Who it's for

This flow is ideal for founders validating an ecommerce concept without building from scratch, product managers prototyping marketplace features to pitch investors or stakeholders, and designers showcasing ecommerce products, category filters, review systems, or checkout patterns to clients. Engineers scaffolding a new React Native project can use this as a structural blueprint and customize the navigation, API calls, and payment integration. Agencies can remix this flow to quickly demonstrate a customized version tailored to a specific vertical or brand.

Built with RNBlocks

A single descriptive prompt generated all screens and React Native code ready to run. Remix this flow to make it yours—swap categories, adjust colors, integrate your backend, or redistribute screens to match your specific roadmap.