Skip to content

williandeitosi/live_docs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Write together

Captura de tela 2024-10-21 180948

Esta é uma aplicação web para edição colaborativa de documentos em tempo real. Ela permite que múltiplos usuários editem ou visualizem documentos simultaneamente, com gerenciamento de permissões pelo administrador. A autenticação é feita pelo Clerk, e o Sentry é usado para monitoramento de erros e performance.

Visite o site

🛠️ Tecnologias Utilizadas

  • Next.js: Framework React moderno para desenvolvimento web.
  • TypeScript: Superconjunto de JavaScript que adiciona tipagem estática ao projeto.
  • Tailwind CSS: Framework CSS utilitário para estilização rápida e customizável.
  • ShadCN: Componentes UI estilizados para facilitar a criação de interfaces com Tailwind CSS.
  • Liveblocks: Gerenciamento de edição em tempo real, permitindo que os usuários colaborem de forma simultânea.
  • Clerk: Autenticação e gerenciamento de usuários, garantindo segurança e simplicidade no login.
  • Sentry: Monitoramento de erros e performance, ajudando a identificar e resolver problemas rapidamente.

⚙️ Funcionalidades

  • Edição em Tempo Real: Múltiplos usuários podem editar o mesmo documento simultaneamente.
  • Permissões de Acesso: Administradores podem conceder permissões de edição ou definir visualização apenas.
  • Autenticação Segura: Integração com Clerk para uma experiência de login rápida e segura, com acesso a documentos salvos.
  • Monitoramento de Erros: Sentry para rastrear e corrigir possíveis falhas no sistema.

🚀 Como Usar

  1. Clone o repositório:

    git clone https://github.com/williandeitosi/live_docs.git
    cd live_docs
  2. Instale as dependências:

    npm install
  3. Configure as variáveis de ambiente:

    • Crie um arquivo .env e adicione suas chaves da API para Liveblocks, Clerk e Sentry.
  4. Inicie o servidor:

    npm run dev
  5. Acesse a aplicação em http://localhost:3000.

📖 Documentação

📝 Contribuições

Sinta-se à vontade para abrir issues e enviar pull requests para melhorias ou correções.