Vibe-Check: Where Web2 meets Web3 in social media. Swipe, share, and connect through aura points and vibe-tags.
Vibe-Check is built using a modern tech stack that seamlessly blends Web2 and Web3 technologies. The frontend is developed with Next.js and TypeScript, utilizing shadcn for UI components. We've implemented a custom swiping mechanism for user interactions.
The backend leverages Next.js API routes and PostgreSQL for data management. Web3 integration is achieved through Web3Auth for user onboarding, smart contracts for on-chain transactions, and XMTP for decentralized chat.
We use IPFS via Pinata for decentralized image storage, enhancing data resilience. Our vibe-matching algorithm, gyatt-based leaderboard, and marketplace for trading auras are custom-built, integrating blockchain technology with traditional database operations.
A key innovation is our Web3Auth implementation, which provides a Web2-like experience while leveraging blockchain benefits. We've also developed a custom middleware to integrate XMTP chat with our vibe-matching system, ensuring only compatible users can communicate.
This architecture allows us to offer a familiar social media experience with the added benefits of blockchain technology, creating a unique platform that bridges the gap between Web2 and Web3.
we worked in total 6 sessions of 3 hours each. In the forst session we decided to make a socialfi app, list down its features and went through the data flow.In the 2nd session we decided on smart contracts.in the third session we started initilizing the project afer deciding the tech stack and roles,created a rough frontend to work with.in the 4th and 5th session we foccused on writing the smart cotract and integrating it with the previously devoloped frontend.in the last and final session, we decided to improve the ui and ux of the the project and finally deployed the smart contract as well.