CySpace

CySpace

CySpace: Your Virtual Home

Created on 1st March 2025

CySpace

CySpace

CySpace: Your Virtual Home

The problem CySpace solves

Modern social media platforms encourage superficial interactions—users mindlessly like, comment, and move on without forming meaningful connections. Additionally, onboarding new users to Web3 is a complex and intimidating process, filled with technical jargon and barriers like wallet management and gas fees, which discourage mainstream adoption.

CySpace solves these issues by:

Incentivizing deeper social connections—users are rewarded based on how well they truly know their friends, fostering more meaningful engagement.

Seamlessly onboarding Web2 users into Web3 using an embedded wallet linked with Google Sign-in paired with gas sponsored account abstraction, eliminating the need for them to manage wallets, transactions, or minting.

Providing a familiar and engaging social media experience with a broad appeal, making Web3 adoption smoother and more intuitive.

User Interaction and Data Flow

Onboarding & Profile Setup

Users sign up using their Google account for seamless authentication.

After authentication, they choose a username and write a short bio, including hobbies, personality traits, and interests.

Social Media Interface

Once onboarded, users land on the main social media feed, where they can view posts from friends and interact with content.

Users can create two types of posts:

Pictures (standard social media posts)

Diaries (blog-like entries)

All posts are stored on the blockchain for transparency and ownership.

Personal Homespace

Users can enter their 3D Homespace, a virtual personal space where they can:

Update their pictures and diaries

Customize their environment

Visiting Another User’s Homespace

Clicking on a friend’s name takes users to a 3D model of their Homespace, which includes:

A Whiteboard – Visitors can draw on it, and the whiteboard state is stored on the blockchain, acting as proof of visit.

A Bookshelf – Contains the owner's diaries (blogs), allowing visitors to read their written content.

A 3D Model of the User – This AI-driven avatar is trained on the owner's personality and allows visitors to interact with it for conversations. Visitors can be quizzed by the agent on how well they know the individual, and the agent then has discretion as an evaluator to issue friend Soulbound NFTs, as well as give out tokens as rewards for being good friends.

By integrating blockchain storage and AI-driven interactions, CySpace enhances social media by creating deeper, more meaningful connections between users.

The project architecture and development process

Core Components:

User Onboarding

CySpace leverages Okto for streamlined authentication, allowing users to sign up using their Google accounts.

This removes the complexity of handling wallets and private keys, ensuring a smooth Web2-friendly onboarding experience.

Social Media and Content Storage

Users can create and share posts, including pictures and diaries (blog-like entries).

Posts are stored in a decentralized manner using EthStorage and Walrus, ensuring data permanence and ownership.

On-Chain Infrastructure

CySpace operates on the Base blockchain, ensuring low-cost, scalable, and efficient transactions.

Interactions such as storing visit proofs, user-generated content, and AI-driven engagements are recorded securely on-chain.

Development Process:

Frontend: Built with a modern web stack to provide an intuitive and engaging UI.

Backend: Utilizes decentralized storage solutions and smart contracts for seamless Web3 interactions.

AI & Personalization: The user’s 3D avatar is enhanced with AI, trained on their personality, allowing for dynamic social interactions.

By integrating Web3 technologies with familiar Web2 experiences, CySpace bridges the gap between traditional social media and blockchain-based applications, making digital socialization more immersive and rewarding.

Product Integrations

CySpace integrates several technologies and services to ensure a seamless, efficient, and user-friendly experience.

User Authentication & Wallet Management

Google Auth – Enables easy user login with Google accounts, ensuring a frictionless onboarding experience.

Okto – Handles wallet abstraction, allowing users to interact with Web3 features without managing private keys.

Content Storage & Blockchain Integration

EthStorage – General decentralized storage solution for storing user-generated content such as diaries (blogs) and photos.

Walrus - Utilized auto deletion based on Walrus epochs to create the temporary homespace whiteboard on-chain

Base – Layer 2 blockchain used for on-chain interactions, ensuring low-cost and scalable transactions for a high volume service like our social media.

AI-Driven Social Experience

Coinbase SDK AgentKit – Powers AI-driven 3D avatars that simulate user personalities and have access to minting, allowing visitors to engage in meaningful interactions and receive rewards.

Technology Stack

Frontend: React with TypeScript, providing a modern and interactive UI.

Backend: Node.js with Express.js, managing API requests and backend logic.

Database: Supabase, offering a scalable and efficient backend-as-a-service solution for storing off-chain user data. The Graph for indexing posts and diary entries on the social network contract.

By leveraging these integrations, CySpace delivers an intuitive and immersive social media experience that seamlessly blends Web2 familiarity with Web3 innovation.

Key differentiators and uniqueness of the project

CySpace redefines social media by focusing on meaningful connections rather than engagement metrics. Unlike traditional platforms that prioritize likes, comments, and shares, CySpace incentivizes users to deepen their relationships through interactive and rewarding experiences.

  1. Meaningful Social Connections Through Rewards
    Users can interact with their friends' AI-driven avatars, which simulate their personalities.
    If they successfully pass a personalized "friend quiz", they earn rewards, reinforcing genuine relationships.
    Unlike conventional social media platforms that optimize for activity (likes, shares, comments), CySpace rewards users for true social engagement.
  2. Seamless Web3 Integration for All Users
    CySpace is designed for both Web2 and Web3 users, making blockchain-based social media accessible to everyone.
    Through Okto's account abstraction, users never need to manage wallets, private keys, or transactions—everything happens in the background.
    This ensures an effortless experience, eliminating the common barriers that make Web3 adoption difficult.
  3. Decentralized & Scalable Data Handling
    Unlike centralized social platforms, CySpace ensures user ownership of content.
    Photos and diaries (blog-like posts) are securely stored on EthStorage & Walrus, ensuring decentralization and data permanence.
    By combining reward-based social interactions, a frictionless Web3 experience, and decentralized data storage, CySpace stands out as a next-generation social platform that fosters real connections while embracing blockchain technology.

Trade-offs and shortcuts while building

  1. Prioritizing Seamless Onboarding Over Wallet Flexibility
    Our primary goal was to make CySpace as accessible as possible, especially for users unfamiliar with Web3.
    By integrating Okto for abstracted wallets, we ensured a smooth onboarding experience without requiring users to manage private keys.
    Trade-off: Currently, we do not support direct wallet connections for crypto-native users. In future iterations, we plan to introduce manual wallet connections for those who prefer to use their personal wallets.
  2. Expanding Ways to Represent “Good Connections”
    Right now, once users pass their friend’s quiz and are recognized as “good friends,” the system acknowledges this connection.
    Future Enhancements:
    Introduce customizable profile badges or NFT-based friendship tokens to visually represent strong connections.
    Implement token drops or exclusive rewards for users who maintain long-term meaningful interactions.
    By focusing on easy onboarding and meaningful connections first, we ensured a strong foundation while leaving room for future optimizations and feature expansions.

Additional Features

CySpace was built entirely during the BUIDLathon

Tracks Applied (9)

Walrus Tusked Champion

Use Walrus Epochs to leverage automatic deletion for User's whiteboard content

Sui | Walrus

Build a Decentralized Social Network Using Web3:// and EthStorage

Use Ethstorage to store posts and pictures on chain for social media posts

EthStorage

Build a Decentralized Content Management System Using Web3:// and EthStorage

We have used EthStorage to create a CMS type app

EthStorage

Build an AI-powered app on Base

Built an AI agent application on Base chain

Base

Most Innovative Use of AgentKit

We have AgentKit for ai agents

Coinbase Developer Platform

Consumer Crypto Prize

We have created a consumer app with Coinbase cdp

Coinbase Developer Platform

Consumer DApps (Judged on UX)

We have used Okto to onboard users onto our app

okto

AI Agent

We have used an Ai agent for an Okto based app

okto

DAOS + COMMUNITIES

We are building an app that is a bridge to Web3 and it is a community based social app.

Discussion

Builders also viewed

See more projects on Devfolio