project screenshot 1
project screenshot 2
project screenshot 3
project screenshot 4
project screenshot 5
project screenshot 6

Bazaar

Mobile-optimized decentralized marketplace allowing users to browse, buy, and sell items

Bazaar

Created At

Superhack 2024

Winner of

Blockscout - Use Blockscout Block Explorer!

Prize Pool

Worldcoin - Pool Prize

Prize Pool

Project Description

This project is a decentralized marketplace app built on the Celo and Base blockchains, tailored for Celo Minipay users. It offers a secure and easy-to-use platform for buying and selling items with cryptocurrency, emphasizing trust and transparency.

Key Features:

Decentralized Marketplace: Users can list items for sale with details like title, description, price, and location. Buyers can browse listings, make offers, and purchase items using cUSD (Celo Dollars). Integration with Base blockchain adds more payment options.

Real-time Chat: The app includes a messaging system for direct communication between buyers and sellers. Pusher integration ensures instant, real-time updates for smooth chatting.

User Verification: Worldcoin integration adds an extra layer of security by verifying user identities. Verified users get a badge, boosting trust in the marketplace, thus getting rid of bots.

Location-based Listings: Sellers can include location data in their listings, and buyers can view item locations on a map with Leaflet integration, which can help find nearby items.

Secure Transactions: Smart contracts ensure secure and transparent transactions, with custom ABI implementations for interacting with Celo-specific contracts like cUSD.

User Ratings and Feedback: Buyers can leave feedback and ratings for sellers after transactions. Goldsky indexing makes it easy to verify these ratings. The feedback is minted as NFTs.

Price Conversion: Pyth oracle integration provides accurate, real-time price conversions between USD and EUR.

Transaction Verification: Blockscout integration allows users to view detailed transaction information for completed sales.

Responsive Design: Built with Next.js and styled with TailwindCSS for a mobile-friendly, responsive user interface.

Wallet Integration: Minipay (Celo) for mobile and Rainbow Kit for desktop support ensures seamless wallet connection and management.

How it's Made

Frontend Framework:

  • Next.js: The project uses Next.js as the main React framework, providing server-side rendering, routing, and API routes.
  • React: The core library for building the user interface.
  • TailwindCSS: Used for styling, providing a utility-first CSS framework that allows for rapid UI development. Blockchain Integration:
  • Celo Blockchain: The app is built to work with the Celo network, specifically targeting Celo Minipay users.
  • Base Blockchain: The app has integration with base for payments.
  • Rainbow Kit (with Celo integration): Used for wallet connection and management, with specific support for Celo.
  • Viem: For interacting with the Celo blockchain and smart contracts. Backend and API:
  • tRPC: Provides end-to-end typesafe APIs, allowing for efficient and type-safe communication between the frontend and backend.
  • Prisma: An ORM (Object-Relational Mapping) tool used for database operations and schema management.
  • PostgreSQL: The primary database for storing user data, item listings, and other app-related information. Real-time Features:
  • Pusher: Implemented for real-time chat functionality, allowing users to communicate instantly within the app. Authentication and Verification:
  • Worldcoin Integration: Used for user verification, adding an extra layer of security and authenticity to user accounts. Image Handling:
  • Custom image upload API: Implemented to handle image uploads for item listings.
  • Leaflet: Used for displaying maps and location information for items. Smart Contract Interaction:
  • Custom ABI implementations for interacting with Celo-specific contracts, such as the cUSD stable token. GoldSky:
  • Goldsky integration: We use Goldsky to index transactions and feedback to make it easier for everybody to verify the validity of user ratings. Blockscout:
  • Blockscout is used to fetch accurate transaction details. Pyth:
  • Pyth is used for price conversion Hardhat:
  • Is used for testing smart contracts
background image mobile

Join the mailing list

Get the latest news and updates