EN
Estudos

Instagram Clone

Mini-app de rede social em vanilla JS com autenticação, feed e i18n.

Período2024
PapelDesenvolvimento individual
Tela do mini-app Instagram com login, cadastro e feed

Contexto

Estudo de caso sobre autenticação client-side, roteamento e persistência local, replicando os fluxos centrais do Instagram em uma SPA sem framework.

O desafio

Implementar cadastro/login com hash de senha (SHA-256 via Web Crypto), sessão persistente, hash router próprio e internacionalização PT-BR/EN sem bibliotecas.

Papel e responsabilidades

  • Autenticação com hash de senhas e sessão persistida
  • Feed com stories, posts e interações
  • Hash router próprio com proteção de rotas privadas
  • i18n próprio para PT-BR e EN

Stack e arquitetura

HTML, CSS, JavaScript puro, Web Crypto API, LocalStorage.

HTMLCSSJavaScript

Destaques

  • Hash router escrito do zero com rotas privadas
  • Senhas nunca armazenadas em texto puro
  • Troca de idioma instantânea em toda a interface

Aprendizados

Entender o ciclo completo de autenticação (mesmo que simulado) e escrever um router próprio mudou minha forma de avaliar soluções prontas: sei exatamente quais problemas cada camada resolve.