OnboardingFrens

OnboardingFrens allows users who are struggling with web3 technologies to contact a customer service specialist and receive real-time help. The user connects their wallet, which can be connected through Web3Auth, Coinbase Wallet, or WalletConnect. The user can either be a "fren" which is someone who has an issue with the technology, or the user can be an "agent" who is a confirmed party that earns as they provide support services.

After an agent connects their wallet, they click the "clock in" button next to their profile, which signals that they are available to provide support. Clicking "clock in" creates a blockchain transaction that is timestamped, after which point the agent begins accruing time which will be paid out through Superfluid. Once the agent logs in, they will be notified through PUSH when frens need help.

The frens seeking help can also login through Web3Auth or WalletConnect. Once they are connected, they input what problems they are facing under the help page. Using PUSH notifications, the agents are notified when a fren has a problem with a protocol that they are a verified expert in. PUSH notifications notify both the agent and fren when the chat is ready for them to enter. The chat transcript is recorded and the metadata is sent to IPFS data warehouse at the end of the chat. The chat ends once the fren ends the chat, and then they are immediately shown a feedback form to ensure their problem was solved. When PUSH chat capabilities are live, the chat will move from a standard web2 chat box to on-chain chatting.

By rating the customer experience, the fren is adding to the agent's reputation, which is shown on a leaderboard to incentivize great customer service. At any time in a shift, the agent can check the funds they are accruing by clicking the "cash flow" button. At the end of the shift, the agent clicks "clock out" and is sent their funds from the OnboardingFrens wallet through Superfluid.

OnboardingFrens helps the Ethereum network onboard the next billion users by increasing peer-to-peer education in web3. We are also striving for inclusion in web3 and meeting United Nations Sustainable Development Goals, including 1. No Poverty, 4. Quality Education, 8. Decent Economic Opportunities, and 10. Reduced Inequalities.

This project was built in a collaborative way with each team member focused on different parts using their own strengths that they brought to the table. Benson built the initial react version of the site, and Alex redid it in next.js for Ethereum compatibility with a focus on web3 inclusion. Alex added additional functionality for Web3Auth, Wallet Connect, and Coinbase Wallet through the Rainbow integration. Sunny did the UX and UI in Figma, then exported it to React using Anima. Benson also used HTML, CSS, Node js., Solidity, and Goerly for the blockchain.

Our customer service app relies on chat functions. Push did not allow us to set up a chat-based system where you could actually chat with an agent. That functionality is not available yet. Instead, Alex and Benson integrated the push notification elements of the Push. Benson also built real-time payment integrations with Superfluid. We are also utilizing DeGate's theory of supporting Sustainable Development Goals of no poverty, increased economic opportunities, and more. Julie and Noi focused on business development and project management. We were incredibly impressed that we were able to build an onboarding tool to support new web3 users in real-time, that enables rewards for the community.