https://github.com/ayvero/final2024-interfaces

An interactive gaming store built with HTML, CSS, and JavaScript. It features a login page, a custom loader, and a fully functional shopping page with CSS and JavaScript animations to enhance the user experience.
https://github.com/ayvero/final2024-interfaces

animations css3 html5 javascript

Last synced: 5 months ago
JSON representation

An interactive gaming store built with HTML, CSS, and JavaScript. It features a login page, a custom loader, and a fully functional shopping page with CSS and JavaScript animations to enhance the user experience.

• Host: GitHub
• URL: https://github.com/ayvero/final2024-interfaces
• Owner: Ayvero
• Created: 2024-02-23T22:30:39.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-28T23:15:12.000Z (6 months ago)
• Last Synced: 2025-03-29T00:22:17.845Z (6 months ago)
• Topics: animations, css3, html5, javascript
• Language: HTML
• Homepage:
• Size: 17.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![image](https://github.com/Ayvero/Final2024-Interfaces/assets/112092368/dc40174a-7222-4987-8a8b-0f858e258d30)

# 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.