criando estrutura de FRONTEND