Excalidraw Whiteboard

Um simples quadro branco online construído com Excalidraw, Next.js e TypeScript. Este projeto oferece uma tela infinita para desenhar e criar diagramas.

Recursos

• Quadro Branco com Recursos Completos: Utiliza a biblioteca Excalidraw para uma experiência de desenho completa.
• Modo Escuro: Adapta-se às preferências de tema do seu sistema.
• Design Responsivo: Funciona perfeitamente em diferentes tamanhos de tela.
• Desempenho Otimizado: Construído com Next.js e Turbopack para um desenvolvimento rápido e uma experiência de usuário ágil.

Começando

Para começar a usar este projeto localmente, siga estas etapas:

Pré-requisitos

• Node.js (versão 20 ou superior)
• npm ou yarn

Instalação

1. Clone o repositório:

   git clone https://github.com/devjoseh/excalidraw-whiteboard.git

2. Navegue até o diretório do projeto:

   cd excalidraw-whiteboard

3. Instale as dependências:

   npm install

4. Inicie o servidor de desenvolvimento:

   npm run dev

Abra http://localhost:3000 em seu navegador para ver o aplicativo em ação.

Scripts Disponíveis

• npm run dev: Inicia o servidor de desenvolvimento com o Turbopack.
• npm run build: Compila o aplicativo para produção.
• npm run start: Inicia o servidor de produção.
• npm run lint: Executa o linter para verificar a qualidade do código.

Tecnologias Utilizadas

• Next.js – O framework React para produção.
• React – Uma biblioteca JavaScript para construir interfaces de usuário.
• TypeScript – Um superconjunto de JavaScript que adiciona tipagem estática.
• Excalidraw – Um quadro branco virtual de código aberto.
• ESLint – Uma ferramenta de linting para JavaScript e TypeScript