0xList

0xList is an onchain marketplace/classifieds platform with gamification. It allow users to list, buy and sell a wide variety of goods and services, including cars, real estate, electronics, and job listings.

0xList offers a user-friendly interface where people can post free or paid ads, making it accessible for individuals and businesses alike.

For ETHGlobal Superhack, we have worked on the “Real Estate” section i.e. renting a room.

• Why are we developing Onchain Marketplace?

The mission of "0xList" is to bring existing Web3 community (first) to start using the real-life meaningful consumer apps like we use/used Web2 apps, which will lead to mass Web3 adoption organically.

The platform fosters local connections, enabling users to find items or services within their community (for example Web3 community) online and offline.

• For example, Kartik can list his room on "0xList" during ETHGlobal Singapore and a user can book n pay onchain or vice-versa.

All Web3 to Web3 in a simple and easy way!

0xList is an onchain version of Gumtree and Craigslist focusing on convenience and onchain transactions.

---

Gamification

• Users will be dropped NFT for every transaction they make, which can offer either discounts for future transactions or can be used as a raffle tickets for periodic onchain campaigns.

---

Problem

• No onchain marketplace available even for existing Web3 community.

---

Solution

• 0xList: The world’s largest onchain marketplace. List, buy and sell anything onchain superfast.

---

Business Model

1. Listing fee.
2. Commission on sales.
3. Ads.
4. Data analytics.
5. 0xList NFT in-platform sales.

---

Target Audience

• Primary: Existing Web3 community
• Secondary: Existing Web2 and New Web3 community

---

Market Size: Online Marketplaces:

• 2022: $20B
• 2024: $25B (approx)
• 2027: $30B

---

Avg. annual revenue by Craigslist, Gumtree and OLX:

• $1.36B

---

Competition

• Onchain: Bountycaster.xyz
• Offchain: Craigslist, Gumtree and OLX

---

Future

• We are open for grants or seed round to continue the development and release fully working V1.0 with basic functions.

---

Team

• Parry Sondhi - Biz, Product & UI/UX
• Thomas Jones - Sr. Fullstack Dev
• Hoang Vu - Smart Contract Dev
• Florian Haas - Jr. Fullstack Dev

0xList was developed using a well-structured stack of modern Web3 and web technologies, designed to create an efficient, onchain marketplace experience. The project was built on top of the ETH Scaffold Base Boilerplate, which provided a reliable starting point for quickly developing and deploying our dApp.

We integrated the Ethereum Attestation Service (EAS) to verify connections between buyers and sellers, ensuring that all interactions within the marketplace are trustworthy and transparent. EAS was also utilized in other contracts to authenticate listings and payment transactions. Additionally, our smart contracts were deployed on the Base network, leveraging its infrastructure to provide a robust and scalable onchain marketplace

Technologies Used:

Next.js: We selected Next.js for its strong server-side rendering (SSR) capabilities, which allowed us to create a dynamic and performant user interface. Its seamless integration with React and other tools made it an ideal choice for the frontend of 0xList.

Wagmi & RainbowKit: To manage wallet connections and blockchain interactions, we used Wagmi and RainbowKit. These libraries enabled users to connect their wallets easily, switch networks as needed, and interact with the platform's smart contracts.

TypeScript: We implemented TypeScript across the entire project to enforce type safety, improve code maintainability, and reduce errors during development.

Custom React Hooks: We developed custom React Hooks as well as used the boilplate hooks to facilitate interaction between the frontend and smart contracts. These hooks encapsulate the logic required for contract calls, ensuring that the frontend remains clean and maintainable.

IPFS & Pinata: For storing images and media associated with listings, we used IPFS, leveraging Pinata for efficient and decentralized file uploads. This ensures that listing data is stored immutably and remains accessible through the IPFS network.

Tailwind CSS & DaisyUI: Tailwind CSS and DaisyUI were used to style the application, providing a modern and responsive design. This combination allowed us to maintain a consistent and accessible user interface across different devices.

Vercel: The frontend of 0xList was deployed using Vercel, as its fits well for deploying apps made in Nextjs quickly and easily.

Hardhat: Hardhat was used for smart contract development and testing. It provided us with the tools needed to write, deploy, and rigorously test our contracts, ensuring they were secure and functioned as intended.

Partner Technologies:

Ethereum Attestation Service (EAS): EAS played a crucial role in our contract architecture. By using EAS, we could create attestations for various actions on the platform, adding a layer of verification and trust to transactions. This helped ensure that each listing, connection, and payment was securely attested onchain.

Base Network: We deployed the 0xList smart contracts on the Base network, which provided a secure and scalable environment for our onchain transactions. Base’s infrastructure allowed us to leverage low-cost transactions and ensured high performance, making it an ideal choice for building our onchain marketplace where speed and low gas fees are key.

Solidity Smart Contracts:

• Listings Contract: The Listings contract is the core of the platform, allowing sellers to create, update, and delete listings. It manages the entire lifecycle of a listing, including user connections and purchases. Only connected users can purchase a listing, and once a listing is bought, it becomes unavailable to others.

• ListingAttester Contract: This contract interacts with the EAS to create attestations for new listings. Each listing on the platform is backed by an attestation, ensuring that the listing data is verified and trustworthy.

• ListingConnectionAttester Contract: This contract handles attestations related to user connections with listings. When a user connects to a listing, this attester creates a corresponding attestation, which is used to verify the user's connection status when they attempt to make a purchase.

• ListingPaymentAttester Contract: The ListingPaymentAttester contract is responsible for creating attestations when a user completes a purchase. This ensures that each transaction is recorded and verified, adding an extra layer of security and transparency to the buying process.