Executando verificação de segurança...
4
Carregando publicação patrocinada...
1
Programmer404

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).

1
mateuscimini
  • Autor
    Autor

Nossa eu não sabia disso, eu imaginava que o localStorage era bastante seguro mas com os comentários da galera aqui notei como eu estava completamente enganado.

Isso que dá confiar em recomendações de IA.

Como eu ainda estou muito no início pedir recomendações de forma de armazenar dados sem usar um banco de dados e a recomendação foi usar localStorage, e eu tmb tinha já tinha feito um crud de uma série do yt que usava o localStorage.
Isso fez eu acreditar que estava seguro, mas depois dos comentários da galera percebi como eu tava errado, vou trabalhar nesse projeto no futuro e melhorar isso.

Obrigado pela recomendação da API do Drive, eu não sabia que isso existia, um dos problemas de estar no início que meio que como estivesse com aqueles antolhos de cavalo, meio que eu tenho uma visão muito limitada e sempre uso a mesma forma para resolver todos os problemas, afinal não tenho repertório suficiente para usar outros métodos já que não conheço.

Mas obrigado mesmo, vou pesquisar mais sobre essa API e colocar no projeto!!!

1
Programmer404

Recomendo usar IA como uma referência, e só. Se ela menciona "A", pesquise sobre antes de usar. A documentação oficial do JavaScript tem tudo sobre LocalStorage e outros tipos de armazenamento como cookies.

Se você busca armazenar de forma segura sem Backend, pode tentar o indexedDB nativo do JavaScript. É um banco de dados simples do lado do cliente, mas ajuda bastante para coisas simples (funciona offline também)

1
mateuscimini
  • Autor
    Autor

voce acha que o IndexeDB é seguro o suficiente? antes de fazer o post aqui eu tava trabalhando em outro projeto meu, do mesmo nivel desse de links, e estava pensando em usar o localStorage mas com os comentarios aqui percebi como ele é ruim e modifiquei o projeto para apenas a funçao de controlar o dark e light mode seja usando o localStorage e tava pensando em usar o IndexeDB para armazenar os dados mais importante, o
que voce acha?

1
carlosedujs

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.

1
mateuscimini
  • Autor
    Autor

É eu não sabia disso, fiquei sabendo depois que a galera comentou aqui no post, eu imaginava que o localStorage era bastante seguro mas notei como eu estava completamente enganado.

vou trabalhar nesse projeto no futuro e melhorar isso, descobri que dá pra usar a API do Google sheets para salvar os dados.

Um dos problemas de estar no início meio que é a falta de repertório, meio que eu aprendi a fazer de uma maneira e tento encaixar em tudo que der, afinal não conheço outras maneiras, e não quis usar um banco de dados pq teria que mecher com backend e ainda não pisei lá ainda.

Mas agora que descobri que tem como usar essa API do Google sheets fica mais fácil, vou atualizar esse projeto depois, e daqui uns meses quando eu já estiver estudando sobre backend e bancos de dados tenho planos de atualizar o projeto para que use banco de dados.

Tenho até planos de no futuro ter a opção de login, nem que seja com o Google, e ter a opção de criar perfil como uma rede social e poder deixar links públicos e privados como fosse uma rede social, não quero que se transforme em rede social, mas gosto da ideia de ter perfil e a opção de adicionar amigos kkkk mas vai demorar meses até chegar nesse nível