Executando verificação de segurança...
17
joelnunes
1 min de leitura ·

Construí um Notepad Online simples e útil

Quero aproveitar a oportunidade para partilhar convosco um projeto pessoal que tenho vindo a desenvolver e que já uso todos os dias. Trata-se de um bloco de notas online, simples, rápido e muito prático para quem precisa de escrever ideias, rascunhos ou textos de forma fácil e sem complicações ou distrações.

Uma das coisas que mais gosto nele é que todas as tuas notas são guardadas automaticamente graças ao LocalStorage — ou seja:
👉🏽 mesmo que recarregues a página
👉🏽 fiques sem internet
👉🏽 ou feches o navegador

As tuas informações continuam lá, sempre disponíveis.

Mas não fica só pelo texto. Agora também é possível:
🖼️ Adicionar imagens diretamente nas notas
▶️ Integrar vídeos do YouTube para guardar links importantes
🕹 Muito útil para organizar ideias

Também suporta markdown básico

Porque uso? Muitas vezes, só precisamos de algo rápido e funcional — sem anúncios, sem notificações e sem cadastros. Como tem sido extremamente útil para mim, decidi partilhá-la com a comunidade para que vocês possam beneficiar também.

Se quiseres experimentar, aqui vai o link:
🔗 https://notepadin.vercel.app

Espero que te seja útil. Qualquer feedback ou sugestão é muito bem-vinda! 🙏🏽✨

Carregando publicação patrocinada...
2
2
joelnunes
  • Autor
    Autor

obrigado Joel, white/dark mode por agora.
Nas proximas atualizações poderei adicionar mais feactures, estou aberto a sugestões para melhorias sem perder a simplicidade.

2
misterioso013

Pow maneiro a ideia, parabéns!
Acho que seria muito bom implementar um firebase ou supabase da vida e tu teria sincronização entre dispositivos, modo offline e todo resto que torna tua solução legal.
Eu uso muito o notion, mas ele acaba sendo bem pesado para usar no celular quando quero anotar algo que vou usar depois no PC.

1
joelnunes
  • Autor
    Autor

Obrigado, man! Fico mesmo feliz que tenha gostado 🙌🏽
E sim, concordo contigo: integrar algo como Firebase ou Supabase seria um upgrade.
Também uso o notion e tive a mesma exepriência que mencionaste...
Já anotei a tua sugestão para uma versão 2.0
Valeu mesmo! é só o começo 🚀🔥

1
RodrigoSchio

Cara

O bloco de notas (notepad)

assim como TODOS code-editors

Lida com texto fonte mono espaçada sem negrito nem sublinhado e todas as letras do mesmo size.

Não é possível dois tamanhos de fonte no bloco de notas, entende ?

1
joelnunes
  • Autor
    Autor

Sim, eu entendo…
O que me inspirou a fazer isso foi muito mais o Notion do que o Notepad clássico. Os code-editors realmente trabalham só com texto puro, de forma mais tradicional, mas eu quis trazer rich text, com mais opções de formatação.

A ideia nunca foi replicar o Notepad literal, e sim criar algo simples como ele, mas com recursos interessantes e visualmente clean.

1
1
joelnunes
  • Autor
    Autor

wau, que experiência
Gostei muito, me trouxe mais insights
Muito bom o teu notepad
Gostaria de saber onde hospedas o teu notepad?

1
1
2
joelnunes
  • Autor
    Autor

Otimo site, boas ferramentas, gostei da permissao admin para os exercicios
Muito bom, gosto de localStorage é uma ferramento muito útil

1
zow

Parabéns pela ideia meu brother, eu estou usando muito no dia a dia, principalmente por conseguir indexar imagens sem ter que ficar realizando upload.

Mas assim acredito que se fosse um app, para desktop ficaria MUITO MELHOR, por exemplo, eu não sei qual linguagem utilizou pra realizar a construção do site, porem se conseguisse buildar ele em Electron ou Tauri ficaria muito bom acredito eu, até porque não teria nenhum tipo de problema com exposição de rotas ou outras coisas já que é basicamente um notepad.

1
joelnunes
  • Autor
    Autor

Valeu, meu brother! 🙌🏽
Fico muito feliz em saber que estás usando no dia a dia — especialmente essa parte de indexar imagens sem precisar fazer upload. Foi uma das coisas que mais quis facilitar.

Sobre transformar em app de desktop, faz total sentido.
Eu construí o projeto usando React + TipTap + ProseMirror(que facilita a adição de funcionalidades personalizadas)
https://npm-compare.com/pt-PT/draft-js,prosemirror-view,quill,slate,tinymce

Confesso que não pensei nisso, mas valeu pela ideia.
Talvez eu faça uma versão desktop mais pra frente, conhecendo essas novas ferramentas

1
zow

Mano, se um dia chegar a transformar ele em app desktop, posta aqui que eu tenho crtz que vai ser muito bem aceito, porem acredito que teria que ser open source (acho), por conta de ser um app ( galera as vezes fica com receio ) não sei muito bem, porem eu eu fico imaginando tipo um Notepad++.

1