Tienda de Juegos Interactiva con Animaciones CSS

#Ver la pagina en vivo: https://ayvero.github.io/Final2024-Interfaces/

Descripción

Este proyecto es una tienda interactiva de juegos construida con HTML, CSS y JavaScript. Incluye una página de inicio de sesión, un cargador personalizado y una página de compras completamente funcional donde los usuarios pueden explorar productos de juegos. Las animaciones están implementadas con CSS y JavaScript para mejorar la experiencia del usuario y hacer la interfaz más atractiva.

Funcionalidades

• Página de ingreso: Los usuarios pueden iniciar sesión de manera interactiva.
• Loader personalizado: Se utiliza un animado cargador antes de que se muestre el contenido de la página.
• Página de compras: Los usuarios pueden navegar por una lista de productos (juegos) y realizar compras.
• Animaciones CSS y JavaScript: Se aplican animaciones para mejorar la interacción del usuario con la interfaz.

Tecnologías utilizadas

• HTML: Estructura básica de la página.
• CSS: Estilos y animaciones.
• JavaScript: Funcionalidad interactiva.

Instrucciones para ejecutar

1. Clona el repositorio en tu máquina local.
2. Abre el archivo index.html en tu navegador.
3. Disfruta de la tienda de juegos interactiva con animaciones.

---

Interactive Gaming Store with CSS Animations

Description

This project is an interactive gaming store built using HTML, CSS, and JavaScript. It includes a user login page, a custom loader, and a fully functional shopping page where users can explore game products. Animations are implemented with CSS and JavaScript to enhance user experience and make the interface more engaging.

Features

• Login page: Users can log in interactively.
• Custom loader: A loading animation is displayed before content is shown.
• Shopping page: Users can browse through a list of products (games) and make purchases.
• CSS and JavaScript animations: Animations are applied to enhance user interaction with the interface.

Technologies Used

• HTML: Basic page structure.
• CSS: Styles and animations.
• JavaScript: Interactive functionality.

Instructions to Run

1. Clone the repository to your local machine.
2. Open the index.html file in your browser.
3. Enjoy the interactive gaming store with animations.