https://github.com/devjoseh/excalidraw-whiteboard
Quadro branco feito com excalidraw
https://github.com/devjoseh/excalidraw-whiteboard
board branco excalidraw nextjs quadro react simple whiteboard
Last synced: about 2 months ago
JSON representation
Quadro branco feito com excalidraw
- Host: GitHub
- URL: https://github.com/devjoseh/excalidraw-whiteboard
- Owner: devjoseh
- Created: 2025-08-01T02:53:13.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-01T03:00:52.000Z (11 months ago)
- Last Synced: 2025-10-07T21:34:17.956Z (8 months ago)
- Topics: board, branco, excalidraw, nextjs, quadro, react, simple, whiteboard
- Language: TypeScript
- Homepage: https://quadro.devjoseh.com.br
- Size: 35.2 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/devjoseh/excalidraw-whiteboard.git
```
2. Navegue até o diretório do projeto:
```bash
cd excalidraw-whiteboard
```
3. Instale as dependências:
```bash
npm install
```
4. Inicie o servidor de desenvolvimento:
```bash
npm run dev
```
Abra [http://localhost:3000](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](https://nextjs.org/) – O framework React para produção.
- [React](https://reactjs.org/) – Uma biblioteca JavaScript para construir interfaces de usuário.
- [TypeScript](https://www.typescriptlang.org/) – Um superconjunto de JavaScript que adiciona tipagem estática.
- [Excalidraw](https://excalidraw.com/) – Um quadro branco virtual de código aberto.
- [ESLint](https://eslint.org/) – Uma ferramenta de linting para JavaScript e TypeScript