Mac App Store
Un site Web dynamique permettant aux utilisateurs de découvrir et de rechercher des applications et de la musique macOS
Consultez le site Web ici!
Table des matières
- À propos du projet
- Conception logique
- Authentification utilisateur
- Pages Web dynamiques
- API et AJAX
- Défilement
- Stockage local
- Exigences
- Commencer
- Licence
- Remerciements
À propos du projet
Le site Web du Mac App Store vise à être une plate-forme permettant aux utilisateurs de découvrir absolument toutes les applications disponibles sur le Mac App Store actuel et, en même temps, de servir d'endroit où ils peuvent trouver des chansons via une section Apple Music dédiée. Les utilisateurs peuvent également télécharger les applications achetées (à des fins de démonstration uniquement) à partir d'une section dédiée aux achats. Le design minimaliste du Mac App Store, associé à ses fonctionnalités telles que les fonctionnalités, les meilleurs classements, les catégories, la recherche et Apple Music, aidera les utilisateurs à trouver leur prochaine application ou chanson en un rien de temps.
Construit avec
- HTML
- CSS
- Javascript
- jQuery
- PHP
- API de recherche iTunes
Conception logique
Authentification utilisateur
- PHP est utilisé pour stocker les informations d'identification dans les cookies de session une fois que l'utilisateur s'est inscrit pour un nouveau compte.
- Bycrypt est utilisé pour hacher et stocker le mot de passe soumis par l'utilisateur lors de l'inscription. Lorsque l'utilisateur souhaite se connecter, le hachage stocké est comparé au nouveau hachage pour autoriser l'utilisateur.
- La page d'inscription nécessite une adresse e-mail valide et un mot de passe fort pour que l'utilisateur puisse créer avec succès un nouveau compte.
- L'utilisateur n'est pas autorisé à revenir à la page de connexion/d'enregistrement tant qu'il n'est pas déconnecté. L'utilisateur n'est pas non plus autorisé à accéder à une autre page, à l'exception de la page de connexion/inscription, à moins qu'il ne soit connecté.
Pages Web dynamiques
- Connexion/Inscription : Si l'utilisateur clique sur « Créer un ! » lien pour enregistrer un nouveau compte, une nouvelle fenêtre d'enregistrement apparaîtra et remplacera le corps de connexion existant. La fermeture de la fenêtre d'enregistrement la fera disparaître et affichera à nouveau la fenêtre de connexion.
- Rechercher : la recherche d'une application sur la page d'accueil effacera le contenu existant dans le corps et affichera l'application (si elle est trouvée) avec un lien vers la page de l'application. La fermeture de la fenêtre de recherche ramènera l'utilisateur à l'écran précédent.
- Page de l'application : en cliquant sur n'importe quelle application du site Web, l'utilisateur sera dirigé vers une page Web dynamique affichant uniquement la description, les captures d'écran, les avis, etc. de cette application particulière.
- Page Musique : cette page change dynamiquement lorsque l'utilisateur recherche de la musique. Cette page change également dynamiquement entre elle-même et la page de recherche en fonction des actions de l'utilisateur.
- Page d'achats : cette page change dynamiquement entre elle-même et la page de recherche en fonction des actions de l'utilisateur.
API et AJAX
L'API iTunes est accessible à l'aide d'une méthode AJAX pour récupérer des données sur toutes les applications et chansons du site Web, qui sont ensuite insérées dans le code HTML via jQuery.
Défilement
Cliquer sur les boutons gauche/droite de la page d'accueil fera défiler le contenu vers la gauche et la droite. Les boutons disparaîtront ou réapparaîtront également de manière transparente en fonction de la position du contenu qui peut être modifiée en cliquant sur le bouton gauche/droit ou même en lançant un défilement horizontal manuel.
Stockage local
Les informations sur l'application que l'utilisateur souhaite visiter ou sur les applications que l'utilisateur a achetées sont stockées dans le stockage local et sont utilisées par diverses pages pour récupérer les données de cette application spécifique.
Exigences
Commencer
ici
- Téléchargez tous les fichiers du dépôt
- Extrayez le dossier zip dans le dossier/serveur PHP
- Ouvrez index.html via localhost
Licence
Distribué sous licence MIT.
Remerciements