Tienda-de-Computadoras

Tienda de Computadoras 🚀

Tabla de contenidos 📚

Descripcion 📖

El proyecto trata sobre una tienda digital de computadoras donde se venden laptos, mini pc’s y pc’s de mesa.

La pagina pricipal contiene los productos y los productos destacados, las paginas de informacion contienen la informacion de cada uno de los productos disponibles y la pagina del carrito contiene los productos que se van a comprar con la cantidad y el total.

Proceso 📋

El proceso para hacer el proyecto fue:

  1. Primero hacer un esquema (wireframe) de como se iba a ver la pagina.
  2. Empezar a diseñar la pagina principal (HTML), haciendolo semanticamente correcto.
  3. Empezar a poner los estilos de la pagina principal (CSS).
  4. Seguir haciendo las demas paginas (HTML) y agregandole los estilos (CSS).
  5. Y agregar el responsive a todas las paginas para que respondan correctamente en todo tipo de telefonos y que solo funcione en telefonos.
  6. Se agrego la logica a la pagina (JavaScript), lo que hace que se pueda agregar, comprar productos cargar pestañas, etc.

Caracteristicas 💡

El proyecto fue hecho con HTML para la estructuracion, CSS para el diseño y el responsive de las paginas y JavaScript para la logica de la pagina.

Tecnologias 💻

Screenshots 📷

Screenshot_1
El wireframe de la pagina principal.
Screenshot_2
Resultado final en telefono.
Screenshot_3
Resultado final en pc.
** Screenshot_4
El wireframe de la pagina de información.
Screenshot_5
Resultado final en telefono.
Screenshot_6
Resultado final en pc.
** Screenshot_7
El wireframe de la pagina del carrito.
Screenshot_8
El wireframe de la pagina del carrito.
Screenshot_9
El wireframe de la pagina del carrito.

Instalacion 💾

Clonar repositorio

https://github.com/JavierEAcevedoN/Tienda-de-Computadoras.git

Uso ✋

Ejecutar el index.html con Live Server o puedes utilizar el siguiente enlace:

Autor 👤

Contacto 📱