mac app store

Mac App Store

Um site dinâmico para os usuários descobrirem e pesquisarem aplicativos e músicas do macOS

Confira o site aqui!

Índice

• Sobre o projeto
  • Construído com
• Projeto Lógico
  • Autenticação de usuário
  • Páginas dinâmicas
  • API e AJAX
  • Rolagem
  • Armazenamento local
• Requisitos
• Começando
• Licença
• Agradecimentos

Sobre o projeto

O site da Mac App Store pretende ser um centro para os usuários descobrirem absolutamente qualquer aplicativo disponível na Mac App Store e, ao mesmo tempo, servir como um local onde eles podem encontrar músicas por meio de uma seção dedicada do Apple Music. Os usuários também podem baixar os aplicativos adquiridos (apenas para fins de demonstração) em uma seção dedicada de compras. O design minimalista da Mac App Store, juntamente com seus recursos como destaque, top charts, categorias, pesquisa e Apple Music, ajudarão os usuários a encontrar seu próximo aplicativo ou música rapidamente.

Construído com

• HTML
• CSS
• JavaScript
• jQuery
• PHP
• API de pesquisa do iTunes

Projeto Lógico

Autenticação de usuário

• PHP é usado para armazenar credenciais em cookies de sessão após o usuário se registrar em uma nova conta.
• Bycrypt é usado para fazer hash e armazenar a senha enviada pelo usuário durante o registro. Quando o usuário deseja fazer login, o hash armazenado é comparado com o novo hash para autorizar o usuário.
• A página de registro requer um endereço de e-mail válido e uma senha forte para que o usuário possa criar uma nova conta com sucesso.
• O usuário não tem permissão para voltar à página de login/registro até que seja desconectado. O usuário também não tem permissão para acessar qualquer outra página, exceto a página de login/registro, a menos que o usuário esteja conectado.

Páginas dinâmicas

• Login/Cadastro: Se o usuário clicar no botão “Create One!” link para registrar uma nova conta, uma nova janela de registro aparecerá e substituirá o corpo de login existente. Fechar a janela de registro fará com que ela desapareça e mostre a janela de login novamente.
• Pesquisa: pesquisar um aplicativo na página inicial limpará o conteúdo existente no corpo e mostrará o aplicativo (se encontrado) com um link para a página do aplicativo. Fechar a janela de pesquisa trará o usuário de volta à tela anterior.
• Página do aplicativo: ao clicar em qualquer aplicativo do site, o usuário será direcionado para uma página dinâmica mostrando a descrição, capturas de tela, comentários, etc. apenas daquele aplicativo específico.
• Página de música: esta página muda dinamicamente quando o usuário pesquisa música. Esta página também muda dinamicamente entre ela e a página de pesquisa de acordo com as ações do usuário.
• Página de compras: esta página alterna dinamicamente entre ela e a página de pesquisa de acordo com as ações do usuário.

API e AJAX

A API do iTunes é acessada usando um método AJAX para recuperar dados sobre todos os aplicativos e músicas do site, que são então inseridos no código HTML via jQuery.

Rolagem

Clicar nos botões esquerdo/direito na página inicial rolará o conteúdo para a esquerda e para a direita. Os botões também desaparecerão ou reaparecerão perfeitamente de acordo com a posição do conteúdo, que pode ser alterada clicando no botão esquerdo/direito ou até mesmo iniciando uma rolagem horizontal manual.

Armazenamento local

As informações sobre o aplicativo que o usuário deseja visitar ou os aplicativos que o usuário comprou são armazenadas no armazenamento local e usadas por várias páginas para recuperar os dados desse aplicativo específico.

Requisitos

• PHP

Começando

aqui

• Baixe todos os arquivos do repositório
• Extraia a pasta zip para a pasta/servidor PHP
• Abra index.html via localhost

Licença

Distribuído sob a licença MIT.

Agradecimentos

• Apple Inc.