ThanQ

This project is designed to address inefficiencies in queue management and issues like line-cutting that occur in various scenarios, such as events, hospitals, banks, and restaurants. Traditional queue systems are often challenging to manage efficiently and lack transparency, causing inconvenience and raising concerns about fairness among users.

Transitioning Web2 queue systems to a Web3 blockchain-based system may involve initial development costs, but it offers long-term benefits such as cost savings and increased efficiency. Without the need for a central server, infrastructure and maintenance costs decrease, along with data management expenses. The transparency and immutability of blockchain enhance fairness and trust, while automation through smart contracts improves operational efficiency. Additionally, enhanced security, scalability, and flexibility increase user participation and satisfaction. This allows businesses to reduce operational costs and strengthen their competitiveness.

Problems: Inefficient Queue Management: Queues in various places are difficult to manage efficiently, causing inconvenience for both operators and users.

Line-Cutting and Fairness Issues: The lack of transparency in queue systems leads to problems like line-cutting, undermining user trust.

Limitations of Centralized Systems: Existing Web2 systems, operated by centralized servers or institutions, are vulnerable in terms of security and transparency.

Solutions:

Blockchain-Based Decentralized Queue Management System: A system operated by network participants without a central server, enhancing security and stability.

Transparent and Immutable Queue Information: All transactions and queue data are recorded on the blockchain, accessible to anyone, and cannot be altered, ensuring data reliability.

Automated Operations and Fairness Assurance: Queue management is automated through smart contracts, ensuring fair operations without human error or manipulation.

Implementation: The core of our project lies in overcoming the limitations of centralized management in traditional Web2 systems while providing additional benefits such as transparency, reliability, and decentralization. Smart contracts enable automated and fair queue management, offering efficient and equitable operations. This effectively addresses queue management issues across various domains and enhances the user experience.

Roles in the Project: This project consists of two main roles:

Booth Operator Queue Participant (User)

Each role involves different actions performed on the website.

1. Booth Operator

Responsibilities:

Access the Website and Connect Wallet: Log in to the website with their operator wallet and connect it.

Create Queues: Click the "Create Queue" button and input the booth name, logo, and maximum queue capacity to create a queue.

Manage Queues: Oversee people in the queue and call the next person when ready.

Queue Management Process:

Click the "Call Next" Button: When ready, click "Call Next" to summon the next person in the queue.

Monitor Current Processing: Check that the address displayed under "Current Processing" in the queue updates accordingly.

Handle Postpone Situations: If a participant does not respond and the "Current Processing" address changes to 0x000000..., click "Call Next" again to call the next person.

1. Queue Participant (User)

Responsibilities:

Access the Website and Connect Wallet: Log in to the website with their wallet and connect it.

Join a Booth and Participate in the Queue: Explore Booths: Browse booths listed under the "World" category.

Join a Queue: Click on a booth they wish to join and click the "Join Queue" button.

Check Queue Status: Under the "Joined Queue" category, view the booth they joined, their position in the queue, and the total number of participants.

ThanQ was designed to leverage Web3 technologies and modern web development tools for a transparent and efficient queue management system. Here's an in-depth breakdown of how it was built:

Technologies Used Frontend Framework:

Instead of using Next.js, we opted for Cloudflare Pages to host the static frontend. Cloudflare's global edge network ensures ultra-fast performance and low latency for attendees and booth operators, regardless of their location. Frontend Development:

React.js: For creating a responsive, interactive, and dynamic UI. Vite: Used as the build tool for its speed and efficiency in development. Material-UI (MUI): To provide a clean and professional look to the interface. Zustand: For lightweight state management across the app. Blockchain Backend:

Ethereum (EVM-compatible): Smart contracts, written in Solidity, handle the core queue operations (registration, updates, and exits). Ethers.js: Facilitates seamless interaction between the frontend and the blockchain. Web3 Integration:

RainbowKit & Wagmi: Enable wallet connectivity and Web3 interactions, allowing users to manage their queues via their wallets. Worldcoin Minikit: Integrated for attendee verification, ensuring fair participation without duplications. APIs and Notifications:

Push Protocol: Sends real-time notifications to attendees about their queue positions or when their turn is near. Storage:

Web3.Storage (via IPFS): Handles metadata and booth assets in a decentralized manner, ensuring availability and security.