O unipad é um serviço para compartilhamento de códigos de forma simples, inspirado no dontpad. Nele você cria uma URL para o seu bloco de código, que, sucessivamente você pode colocar o que quiser, desde que seja em texto e formata-lo de acordo com a extenção do seu arquivo/código. Exemplo: o trexo de código que você vai compartilhar/colocar no pad é um código em javascript, logo, a extenção para formatação poderá (o usuário quem escolhe) ser javascript.
| Ação | Dontpad | Unipad |
|---|---|---|
| Pode proteger a URL com senha | Não | Sim |
| Pode definir uma data para expiração da URL | Não | Sim |
| Formata o conteúdo de acordo com o formato do arquivo | Não | Sim |
| Playground para a linguagem Javascript | Não | Em breve |
| Digitação com amigos em tempo real | Não | Sim |
- express para o servidor web
- Mongoose para conexão com o MongoDB
- Nodemon para atualizar em tempo real
- Crypto para hash e salta de senhas
- Socket IO Para digitação em tempo real com amigos
- ReactJs
- Axios para conexão com a API
- prismjs para colorir o código de acordo com o formato do mesmo (simular uma IDE)
- styled-componnets para adicinar estilo aos componentes
- react-copy-to-clipboard para função de copiar o código digitado e compartilhar a url
- material-ui para estilização e uso de componetes como inputs, inputs de data e menu
- Socket IO Client Para digitação em tempo real com amigos
Frontend hospedado na Versel Backend hospedado na Render
O banco de dados utilizado é o MongoDb. Utilizo a versão free (512mb) do MongoAtlas.
- Baixe ou fork esse projeto
- Baixe ou fork o backend
- No frontend, altere o arquivo "api.js" mudando o baseURL para>
baseURL: "http://localhost:4000" - Cria um banco de dados local no mongoDB com o nome de
unipad - No backend e no frontend rode o comando
yarn installouyarnpara baixar as dependências - Em seguida inicie o backend com o comando
yarn dev - No frontend rode o comando
yarn startpara iniciar a aplicação que estará rodando emLocalhost:3000
© Jarod Mateus - 2023