Report Card 〜for the web3 Community〜

Introducing a groundbreaking solution for Decentralized Autonomous Organizations (DAOs) tailored for hackathon judges! Our platform is designed to create, manage, and appreciate tasks while expressing gratitude for valuable contributions. Built with a core stack of React, ethers.js, Material UI, and Emotion, this service fosters a collaborative environment for DAO communities on Polygon and other EVM networks. This innovative blockchain-based solution ensures transparency and decentralization in recognizing and recording the efforts of task contributors. With a seamless and efficient way to appreciate each other's work, our platform empowers DAO communities to drive positive impact and further their mission. We are excited to present our hackathon project, which showcases the power of combining modern web technologies with blockchain networks to revolutionize the way DAOs operate. Together, let's elevate DAO communities and transform the way they collaborate and appreciate their members' contributions!

Frontend: We used React as our primary UI library for building the user interface components. Material UI was chosen for its extensive collection of pre-built components and Emotion for styling, making it easier to create a responsive and visually appealing design.

Backend: For connecting with the blockchain, we relied on ethers.js as our JavaScript library. It enabled us to interact with Ethereum-based networks such as Polygon and other EVM-compatible networks, allowing us to manage tasks and record gratitude expressions on the blockchain.

Sponsor Technologies: We leveraged Polygon as our primary network, which provided several benefits, including faster and cheaper transactions compared to the Ethereum mainnet. This significantly improved the user experience by reducing wait times and costs associated with transactions.

Hacky Solutions: One notable hacky solution we implemented was to create a dynamic system for fetching and decrypting data from the blockchain. Instead of making separate calls for each data piece, we used Promise.all to fetch data concurrently, significantly reducing the overall fetching time.

Integration: The frontend and backend components were integrated using a combination of hooks and custom functions. We used useCallback and useEffect hooks for managing side effects, such as fetching data from the blockchain and updating the UI accordingly.

By carefully selecting and combining these technologies, we built a powerful, efficient, and user-friendly platform for managing tasks and expressing gratitude within DAO communities. Our project showcases the potential of blockchain technology in fostering collaboration and promoting transparency in decentralized environments.

Core Stack -- React -- ethers.js -- Material UI -- Emotion

Supported Networks -- polygon and any EVM