realtimecursor/examples/react/main.jsx

Real-time collaboration system with cursor tracking and approval workflow

import React from 'react';
import ReactDOM from 'react-dom/client';
import CollaborativeEditor from './CollaborativeEditor';
import './styles.css';

function App() {
  return (
    <div className="app">
      <header>
        <h1>RealtimeCursor React Example</h1>
        <p>Open this page in multiple browser windows to see real-time collaboration in action.</p>
      </header>
      
      <main>
        <CollaborativeEditor />
      </main>
      
      <footer>
        <p>
          <a href="https://github.com/sourabhpunase/realtimecursor" target="_blank" rel="noopener noreferrer">
            RealtimeCursor
          </a> - A free and open-source real-time collaboration SDK
        </p>
      </footer>
    </div>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);