xChange

xChange logo
Home Screen
Home Screen w/MetaMask Integration
Sample Explore Page
Profile Page
Sample Chat Page
Verified Page
Our live demo site at https://xchng.tech

Inspiration

Our inspiration for xChange came from the need to revolutionize the way people interact and share content on the web. We wanted to harness the power of Web3 to create a social platform that truly values content and connections.

What it does

xChange is a Web3 social app that introduces a unique concept of access tokens. Users can purchase access tokens to unlock the full content shared by others. It empowers content creators and promotes the production of quality content, as there are direct financial incentives to do so. The app also enables private chats between users and content creators, fostering exclusive and meaningful interactions.

How we built it

We built xChange using a combination of web2/web3 technologies. The authentication and web3 backend is powered by MetaMask, which handles user authentication and web3 data management (buying and selling of access tokens). The frontend is developed using Next.js, shadcn/ui, and TypeScript for a responsive user experience. The smart contract, implements the access token system on the Ethereum test-net blockchain .

Challenges we ran into

Developing a fully functional MVP within a 24-hour timeline posed several challenges. Integrating the different technologies from front-end to back-end and the smart-contract was the biggest hurdle we attempted to overcome. The firebase and web3 implementation ended taking much longer than expected, and proved to be a hurdle too big to overcome in 24 hours.

Accomplishments that we're proud of

Despite the constraints, we're proud to have successfully developed an MVP demo for xChange. We managed to create a platform that demonstrates the core concept of the user profile, propagated private chats, as well as text-based posts and the ability to interact with them. This achievement within the given timeframe is a testament to our team's dedication to getting a functioning result.

What we learned

This hackathon provided us with invaluable lessons in rapid development and the intricacies of Web3 technology. We deepened our understanding of smart contracts, user authentication, and frontend-backend integration in the Web3 space.