2 min de leitura ·

[PROJETO] LINKADO - Seus links salvos com segurança.

Você salva muitos links para ver depois?

Eu também. O problema é que cada app salva em um lugar diferente: YouTube, Instagram, TikTok, navegador…
Quando eu queria rever algo específico, perdia mais tempo procurando do que consumindo o conteúdo.

Tentei bloco de notas, Notion e até grupos no WhatsApp, mas virou bagunça: links educativos, entretenimento, jogos, tudo misturado.

Queria algo simples e organizado, como uma prateleira de links.
Não encontrei nenhuma ferramenta que resolvesse isso do jeito que eu precisava, então decidi criar a minha.

Estou estudando programação há 1 ano e esse projeto nasceu para resolver um problema real e colocar tudo isso em prática.

Cards de links

Os links são salvos em cards, como livros em uma prateleira. Você bate o olho e já sabe do que se trata cada link.

Playlists e organização

Para evitar bagunça, os links são organizados em sessões. Ao salvar, você escolhe em qual sessão o link ficará.

Segurança

Os dados são salvos usando localStorage, ou seja, ficam apenas no navegador do usuário e só podem ser acessados por scripts do mesmo domínio.
Nenhuma informação é enviada automaticamente para servidores.

Backup com 1 clique

Com um clique você exporta todos os seus links em um arquivo .json.

Esse arquivo pode ser usado para backup ou compartilhamento.
Com outro clique, é possível importar tudo novamente, independente da quantidade de links.

Capa automática

Cada link pode ter uma capa personalizada.
Para links do YouTube, a thumbnail é gerada automaticamente.

Mais informações

Além da capa, é possível adicionar título, descrição, tags e favoritos.
Data e hora são adicionadas automaticamente.

Seção de links

link do site hospedado na Vercel:

🔗Linkado

link do repositório GitHub com todas informações que você precisa do projeto:

🐈‍⬛Repositorio GitHub

carlosedujs

4 horas atrás

Opa mateus. Seu projeto é bem massa, gostei da ideia base. Porém tem um problema quando vc fala de segurança, salvar essas informações no localstorage do navegador não é seguro, basicamente é vulnerável a XSS e se esse ataque acontecer no navegador do usuario, pode roubar essas informações de links privados.

Percebi que é um projeto pessoal pra colocar no portfólio, o unico cuidado é se o usuario (podendo ser nós aqui), guardar links importantes e privados.

Os primeiros projetos servem de aprendizado, parabéns pela iniciativa. Se vc quiser melhorar futuramente ele, aconselho vc colocar um banco de dados, autenticação, mas por enquanto como é um projeto pra portfólio, tudo certo.

Programmer404

5 horas atrás

Bem, seguro eu sei que não é para informações sensíveis...

localStorage é vulnerável a XSS (Cross-Site Scripting) e não sei se resolveram isso pois migrei de FrontEnd para Backend este ano. Se eu não me engano não há suporte a httpsOnly.

LocalStorage é ideal para informações simples como preferência de configurações como theme e etc... Links são algo sensível (ao menos para mim, é algo bem sensível por mais besta que seja), não sendo ideal para armazenar este tipo de informação.

No entanto, parabéns pelo o projeto. Se você esta a 1 ano no mundo da programação, ainda tem uma jornada incrível pela a frente. Se quiser seguir com o projeto, fica o desafio de usar a API do Google Drive, assim todo mundo armazena os seus links na nuvem usando uma plataforma conhecida (embora não sinônimo de segurança).