AvatarVerse is a reimagined virtual office platform, inspired by the innovative foundations of SkyOffice. While it began as a fork of the original SkyOffice repository, AvatarVerse has evolved into a unique project with new features, improved functionality, and a renewed focus on creating an engaging virtual workspace for modern teams.

• Experience AvatarVerse: Official Website
• Stay updated: Follow me on Twitter
• Love my work? Buy us a coffee!

AvatarVerse is an immersive, customizable virtual office space that combines the best aspects of proximity-based communication, multifunctional rooms, and collaboration tools to bring your team closer together, no matter where they are.

Key Differences from SkyOffice:

• Enhanced Proximity Chat with improved performance and user experience.
• New Multifunctional Rooms for dynamic team interactions.
• Integrated Embedded Whiteboards for collaborative drawing and brainstorming.
• Streamlined Screen Sharing with instant setup.
• Customizable Private Rooms for secure, personalized team spaces.

AvatarVerse is developed using cutting-edge technologies to deliver a seamless and engaging user experience:

• Phaser3 - Game engine for dynamic interactivity.
• Colyseus - Scalable multiplayer framework.
• React/Redux - Front-end framework.
• PeerJS - WebRTC integration for video and screen sharing.
• TypeScript - Strongly-typed programming language for maintainable code.

• Proximity Chat: Natural, distance-based conversations.
• Multifunctional Rooms: Versatile spaces for meetings, brainstorming, or casual interactions.
• Flexible Screen Sharing: Share your screen seamlessly with no additional setup.
• Real-time Text Messaging: Engage with team members via dialog bubbles.
• Embedded Whiteboards: Collaborate on visual ideas using integrated whiteboard tools.
• Custom/Private Rooms: Create secure, personalized environments for your team.

• W, A, S, D or arrow keys: Move around the office.
• E: Sit in chairs.
• R: Use computers for screen sharing.
• Enter: Open chat interface.
• ESC: Close the chat window.

To run AvatarVerse locally, ensure you have the following installed:

• Node.js
• npm or Yarn

Clone the repository and set up your local development environment:

git clone https://github.com/yourusername/AvatarVerse.git
cd AvatarVerse

Navigate to the server folder, install dependencies, and start the server:

cd server
yarn && yarn start

Navigate to the client folder, install dependencies, and start the client:

cd client
yarn && yarn dev

Visit http://localhost:3000 to explore AvatarVerse locally.

AvatarVerse originated as a fork of the open-source project SkyOffice. We extend our gratitude to the SkyOffice team for their groundbreaking work, which laid the foundation for our project.

Additional credits:

• Pixel art by LimeZu
• Whiteboard functionality powered by WBO
• ourcade/phaser3-typescript-parcel-template

This project is licensed under the MIT License.

If you're using AvatarVerse to power your virtual office or incorporating our code into your own projects, please consider supporting us: Buy us a coffee.