Tienda de aplicaciones Mac
Un sitio web dinámico para que los usuarios descubran y busquen aplicaciones y música de macOS
¡Consulta el sitio web aquí!
Tabla de contenido
- Acerca del proyecto
- Diseño lógico
- Autenticación de usuario
- Páginas web dinámicas
- API y AJAX
- Desplazamiento
- Almacenamiento local
- Requisitos
- Empezando
- Licencia
- Expresiones de gratitud
Acerca del proyecto
El sitio web de Mac App Store pretende ser un centro para que los usuarios descubran absolutamente cualquier aplicación disponible en la Mac App Store y, al mismo tiempo, servir como un lugar donde puedan encontrar canciones a través de una sección dedicada de Apple Music. Los usuarios también pueden descargar las aplicaciones compradas (solo con fines de demostración) desde una sección dedicada a la compra. El diseño minimalista de Mac App Store, junto con sus características como destacados, listas principales, categorías, búsqueda y Apple Music, ayudarán a los usuarios a encontrar su próxima aplicación o canción en poco tiempo.
Construido con
- HTML
- CSS
- JavaScript
- jQuery
- PHP
- API de búsqueda de iTunes
Diseño lógico
Autenticación de usuario
- PHP se utiliza para almacenar credenciales en cookies de sesión después de que el usuario se registra para obtener una nueva cuenta.
- Bycrypt se utiliza para codificar y almacenar la contraseña enviada por el usuario durante el registro. Cuando el usuario desea iniciar sesión, el hash almacenado se compara con el nuevo hash para autorizar al usuario.
- La página de registro requiere una dirección de correo electrónico válida y una contraseña segura para que el usuario pueda crear con éxito una nueva cuenta.
- El usuario no puede volver a la página de inicio de sesión/registro hasta que cierre la sesión. El usuario tampoco puede ir a ninguna otra página excepto la página de inicio de sesión/registro a menos que el usuario haya iniciado sesión.
Páginas web dinámicas
- Inicio de sesión/registro: si el usuario hace clic en "¡Crear uno!" enlace para registrar una nueva cuenta, aparecerá una nueva ventana de registro que reemplazará el cuerpo de inicio de sesión existente. Al cerrar la ventana de registro, ésta desaparecerá y se mostrará nuevamente la ventana de inicio de sesión.
- Buscar: la búsqueda de una aplicación en la página de inicio borrará el contenido existente en el cuerpo y mostrará la aplicación (si se encuentra) con un enlace a la página de la aplicación. Al cerrar la ventana de búsqueda, el usuario volverá a la pantalla anterior.
- Página de la aplicación: al hacer clic en cualquier aplicación del sitio web, el usuario será dirigido a una página web dinámica que muestra la descripción, capturas de pantalla, reseñas, etc. de esa aplicación en particular únicamente.
- Página de música: esta página cambia dinámicamente cuando el usuario busca música. Esta página también cambia dinámicamente entre ella y la página de búsqueda según las acciones del usuario.
- Página de compras: esta página cambia dinámicamente entre ella y la página de búsqueda según las acciones del usuario.
API y AJAX
Se accede a la API de iTunes mediante un método AJAX para recuperar datos sobre todas las aplicaciones y canciones del sitio web que luego se insertan en el código HTML a través de jQuery.
Desplazamiento
Al hacer clic en los botones izquierda/derecha en la página de inicio, se desplazará el contenido hacia la izquierda y hacia la derecha. Los botones también se desvanecerán o reaparecerán sin problemas según la posición del contenido, que se puede cambiar haciendo clic en el botón izquierdo/derecho o incluso iniciando un desplazamiento horizontal manual.
Almacenamiento local
La información sobre la aplicación que el usuario desea visitar o las aplicaciones que el usuario ha comprado se almacena en el almacenamiento local y varias páginas la utilizan para recuperar los datos de esa aplicación específica.
Requisitos
Empezando
aquí
- Descargar todos los archivos del repositorio
- Extraiga la carpeta zip a la carpeta/servidor PHP
- Abra index.html a través de localhost
Licencia
Distribuido bajo la licencia MIT.
Expresiones de gratitud