{"id":21268996,"url":"https://github.com/sgcm14/tienda-virtual","last_synced_at":"2026-02-26T18:09:15.437Z","repository":{"id":160002762,"uuid":"307899030","full_name":"sgcm14/Tienda-Virtual","owner":"sgcm14","description":"Tienda Virtual con CRUD de carrito de compras","archived":false,"fork":false,"pushed_at":"2024-10-20T05:39:09.000Z","size":14714,"stargazers_count":29,"open_issues_count":0,"forks_count":10,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-14T10:43:23.560Z","etag":null,"topics":["css","emailjs","html","javascript","localstorage","sweetalert"],"latest_commit_sha":null,"homepage":"https://sgcm14.github.io/Tienda-Virtual/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sgcm14.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-10-28T03:43:38.000Z","updated_at":"2025-03-16T18:16:44.000Z","dependencies_parsed_at":"2025-04-14T10:46:59.390Z","dependency_job_id":null,"html_url":"https://github.com/sgcm14/Tienda-Virtual","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sgcm14/Tienda-Virtual","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sgcm14%2FTienda-Virtual","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sgcm14%2FTienda-Virtual/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sgcm14%2FTienda-Virtual/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sgcm14%2FTienda-Virtual/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sgcm14","download_url":"https://codeload.github.com/sgcm14/Tienda-Virtual/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sgcm14%2FTienda-Virtual/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271166354,"owners_count":24710465,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-19T02:00:09.176Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","emailjs","html","javascript","localstorage","sweetalert"],"created_at":"2024-11-21T08:07:00.291Z","updated_at":"2026-02-26T18:09:10.116Z","avatar_url":"https://github.com/sgcm14.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"Tienda Virtual de Mascotas (PetShop)\n=============\n- Este proyecto está basado en la plantilla [Carrito-Compras-JavaScript](https://github.com/erickcernarequejo/Carrito-Compras-JavaScript \"Carrito-Compras-JavaScript\") , lo realicé dentro del programa de 3 meses de [Asociación Hack Space Perú](https://www.hackspace.pe/ \"Asociación Hack Space Perú\")\n- El mockup del proyecto se realizó en [Figma]([(https://www.figma.com/](https://www.figma.com/) \"Figma\")\n- **Periodo :** Setiembre - Noviembre 2020\n\u003e Proyecto para fin de programa, se usó HTML, CSS y JS\n\nLa página web a continuación simula ser un carrito de compras, en la cuál eliges de una cierta cantidad de productos para posteriormente comprarlas.\n\nAl hacer click en **PETSHOP** se muestra un slider de 3 imágenes, 3 productos con borde redondeado y mayor información.\n![](https://raw.githubusercontent.com/sgcm14/Tienda-Virtual/master/doc/index.png)\n\u003e Pantalla de **PETSHOP**\n\nAl hacer click en **Nosotros** te da una pequeña descripción.\n![](https://raw.githubusercontent.com/sgcm14/Tienda-Virtual/master/doc/nosotros.png)\n\u003e Pantalla de **Nosotros**\n\nAl hacer click en **Productos** te muestra todas los productos, cuándo pones el mouse encima de cualquier producto, éste se eleva ligeramente, y al darle click en la foto del producto se abre un modal con la foto del producto.\n![](https://raw.githubusercontent.com/sgcm14/Tienda-Virtual/master/doc/productos1.png)\n\u003e Pantalla de **Productos** (Cuándo pones el mouse encima de cualquier producto)\n\nAl hacer click en el carrito que se muestra en la esquina superior derecha, se abre un submenú en donde se irán mostrando los productos que elijas.\n![](https://raw.githubusercontent.com/sgcm14/Tienda-Virtual/master/doc/productos3.png)\n\u003e Pantalla de **Productos** (Cuándo haces click en el carrito de la esquina superior derecha)\n\nAl dar click en \"comprar\" el producto se listará en el carrito.\n![](https://raw.githubusercontent.com/sgcm14/Tienda-Virtual/master/doc/productos2.png)\n\u003e Pantalla de **Productos** (Cuándo pones el mouse encima de \"comprar\" en cualquier producto)\n\nAl agregar un producto en el carrito te mostrará un mensaje de \"Agregado\"\n![](https://raw.githubusercontent.com/sgcm14/Tienda-Virtual/master/doc/productos4.png)\n\u003e Pantalla de **Productos** (Cuándo le das click en \"comprar\")\n\nCuándo decidas que deseas quitar a un producto de tu carrito, le das click en carrito y por último en la \"x\" al lado del producto, te mostrará un mensaje de \"eliminado\"\n![](https://raw.githubusercontent.com/sgcm14/Tienda-Virtual/master/doc/productos5.png)\n\u003e Pantalla de **Productos** (Cuándo das click en el carrito de la esquina superior derecha, en la \"x\")\n\nSi decídes que deseas eliminar todas los productos que seleccionaste, haz click en el carrito, y por último en el botón \"vaciar carrito\", al hacer esto aparecerá un mensaje \"Carrito vacío\".\n![](https://raw.githubusercontent.com/sgcm14/Tienda-Virtual/master/doc/productos6.png)\n\u003e Pantalla de **Productos** (Cuándo das click en el carrito de la esquina superior derecha, en el botón \"Vaciar carrito\")\n\nSi haces click en \"procesar compra\" pero el carrito esta vacío, te aparecerá el mensaje \"El carrito está vacío, agrega un producto\".\n![](https://raw.githubusercontent.com/sgcm14/Tienda-Virtual/master/doc/productos7.png)\n\u003e Pantalla de **Productos** (Cuándo das click en el carrito de la esquina superior derecha, en el botón \"Procesar compra\")\n\nCuándo tengas todas los productos seleccionados, le das click en el carrito, y por último en el botón \"procesar compra\", ésto te redireccionará y te mostrará la lista de los productos que seleccionaste, aquí podrás rellenar tus datos para que se envíe el total del pedido a tu correo electrónico.\n![](https://raw.githubusercontent.com/sgcm14/Tienda-Virtual/master/doc/carrito.png)\n\u003e Pantalla de **Carrito** (Cuándo das click en el carrito de la esquina superior derecha, en el botón \"Procesar compra\")\n\nAquí podrás contactar en caso tener alguna pregunta al respecto.\n![](https://raw.githubusercontent.com/sgcm14/Tienda-Virtual/master/doc/contacto.png)\n\u003e Pantalla de **Contacto**\n\n**Realizado por :** Sammy Gigi Cantoral Montejo (sgcm14)\n\n\u003cimg src =\"https://raw.githubusercontent.com/sgcm14/sgcm14/main/sammy.jpg\" width=\"200\"\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsgcm14%2Ftienda-virtual","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsgcm14%2Ftienda-virtual","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsgcm14%2Ftienda-virtual/lists"}