EN

Platform UI is currently English-only. Other languages here track your preference for future translations.

Go to Home

worksphere

worksphere

An AI-powered collaborative productivity platform combining workspace management, Kanban, calendar, notes, whiteboard, AI assistants, voice commands, real-time collaboration, and intelligent workflow automation.

๐Ÿš€ Key Features

  • Workspace Management - Multi-workspace organization with role-based access
  • Kanban Boards - Drag-and-drop task management with customizable columns
  • Calendar Integration - Event scheduling with day, week, and month views
  • Rich Notes - TipTap-powered editor for collaborative documentation
  • Interactive Whiteboards - Excalidraw-based visual collaboration
  • AI Assistant - OpenAI-powered chat with context awareness
  • Template Builder - Custom workflow templates and automation
  • Real-time Collaboration - WebSocket-based live updates

๐Ÿ›  Tech Stack

  • Framework: Next.js 16 with React 19
  • Database: PostgreSQL with Prisma ORM
  • Authentication: Clerk
  • Styling: Tailwind CSS with Radix UI components
  • AI: OpenAI integration
  • State Management: Zustand stores
  • Testing: Vitest + Playwright for E2E
  • Real-time: WebSocket support

๐Ÿ“ Project Structure

src/
โ”œโ”€โ”€ app/                    # Next.js app router pages
โ”‚   โ”œโ”€โ”€ dashboard/          # Main application routes
โ”‚   โ””โ”€โ”€ sign-in/           # Authentication pages
โ”œโ”€โ”€ components/            # React components
โ”‚   โ”œโ”€โ”€ ai/               # AI assistant UI
โ”‚   โ”œโ”€โ”€ calendar/         # Calendar views
โ”‚   โ”œโ”€โ”€ kanban/           # Kanban board components
โ”‚   โ”œโ”€โ”€ notes/            # Notes editor
โ”‚   โ”œโ”€โ”€ whiteboard/       # Whiteboard canvas
โ”‚   โ””โ”€โ”€ ui/               # Shared UI components
โ””โ”€โ”€ lib/                  # Business logic
    โ”œโ”€โ”€ ai/               # AI integration
    โ”œโ”€โ”€ auth/             # Authentication helpers
    โ”œโ”€โ”€ stores/           # Zustand state stores
    โ””โ”€โ”€ [feature]/        # Feature-specific logic

๐ŸŽฏ Getting Started

  1. Clone the repository
  2. Install dependencies: npm install
  3. Set up your environment variables
  4. Run database migrations: npx prisma migrate dev
  5. Start development server: npm run dev

๐Ÿงช Testing

  • Unit tests: npm test
  • E2E tests: npm run test:e2e
  • Watch mode: npm run test:watch

Built with modern web technologies for scalable team productivity and AI-enhanced workflows.

โš Report this project

Reconnecting to the server...

Reconnecting in sec.

Failed to reconnect.
The page will reload automatically.

Session paused by the server.

Failed to resume the session.
Reloading the page...