Skip to content

pip3-00/Proyectos

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Swiper - Mi Tienda de Videojuegos 🎮

Hola! Este es mi proyecto de una tienda de videojuegos llamada "Swiper".

demo live : https://pip3-00.github.io/Proyectos/

Que es esto?

Es una pagina web que simula una tienda de juegos online, incluye la facturazion de juegos mediante logica javascript

Lo que aprendi haciendo esto

  • HTML y CSS basico
  • JavaScript (esto si me costo un poco)
  • Bootstrap para que se viera bonito sin escribir tanto CSS
  • Como funcionan los descuentos y los impuestos en una compra real

Los juegos que inclui

Juego Precio
Elden Ring $59
Call of Duty $49
Destiny $39
The Last of Us $23
Fortnite $22

Como funciona lo de los precios?

  • Si gastas mas de $100 te dan 10% de descuento
  • Si compras 5 o mas juegos te dan 5% extra
  • Y luego le suman el ITBIS (18%)

La formula es algo asi:

Total = (Subtotal - Descuento) + ITBIS

Y el ITBIS es el 18% de lo que queda despues del descuento.

Archivos del proyecto

proyecto/
├── assets/           # Las imagenes de los juegos
├── index.html        # La estructura de la pagina
├── app.js            # Todo el JavaScript (la logica)
├── style.css         # Los estilos
└── README.md         # Este archivo

Problemas que tuve

  • Al principio no se me actualizaba el total, pero era porque no estaba llamando la funcion
  • El carrusel no se veia bien en celular hasta que le puse overflow-x:auto
  • Los precios en el HTML eran diferentes a los del JavaScript, los acomode al final

Que sigue?

Me gustaria agregarle:

  • Un carrito de compras real
  • Que se puedan agregar juegos al carrito
  • Una base de datos

About

para tareas iqtek

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors