hernan066 /
Reto-50-dias
Este es un reto personal de crear un mini proyecto de html-css-javascript, por 50 dias seguidos.
Loading repository data…
lvasquez6340 / repository
Este es un e-commerce para entrega de curso (HTML + CSS + Flexbox)
🛒 MiTienda – E-commerce de Celulares (Proyecto Front-End)
Este es un proyecto desarrollado como práctica de JavaScript para integrar manipulación del DOM, consumo de JSON local, gestión de carrito, persistencia con localStorage y páginas múltiples dentro de un sitio web.
La tienda permite visualizar productos dinámicos, agregarlos al carrito, eliminarlos, vaciar el carrito y simular un flujo de compra.
🚀 Características principales ✔️ Productos dinámicos desde JSON
Los productos no están escritos de forma estática en el HTML. Se cargan utilizando:
fetch("./data/productos.json")
Esto permite actualizar el catálogo sin tocar el HTML.
✔️ Carrito de compras funcional
Incluye:
Agregar productos desde la página principal
Incremento automático si el producto ya existe
Visualización del carrito en una página dedicada (carrito.html)
Eliminación individual
Botón “Vaciar carrito”
Cálculo automático del total
Persistencia con localStorage (el carrito no se pierde cuando se recarga la página)
✔️ Interfaz limpia y moderna
El diseño utiliza:
Tarjetas con animaciones suaves
Botones estilizados
Íconos de FontAwesome
Navbar responsive con menú hamburguesa
Sección del carrito organizada con grilla CSS
✔️ Sistema de notificaciones (toast)
Cuando el usuario agrega o elimina un producto, la aplicación muestra mensajes visuales breves para mejorar la experiencia.
📁 Estructura del proyecto 📦 proyecto-tienda │ ├── index.html ├── carrito.html ├── pages/ │ └── contacto.html │ ├── css/ │ └── style.css │ ├── js/ │ └── main.js │ └── carrito.js │ ├── data/ │ └── productos.json │ └── img/ └── (imágenes de los productos)
🧠 Tecnologías utilizadas
HTML5
CSS3
JavaScript Vanilla
Fetch API
LocalStorage
FontAwesome
GitHub Pages para hosting
🧪 Funcionalidad del carrito (resumen técnico)
La lógica principal se basa en:
Un array carrito sincronizado con localStorage
Detección de duplicados con .find()
Eliminación con .filter()
Render dinámico con innerHTML
Cálculo total con .reduce()
Ejemplo del agregado al carrito:
function agregarAlCarrito(producto) { const existente = carrito.find(item => item.id === producto.id);
if (existente) { existente.cantidad++; } else { carrito.push({ ...producto, cantidad: 1 }); }
guardarCarrito(); actualizarContador(); renderizarCarrito(); }
🌐 Demo online (GitHub Pages)
👉 https://lvasquez6340.github.io/e-commerce/
(Reemplazar con el link real cuando lo publiques)
📌 Próximas mejoras (opcional)
Integrar pasarela real de pago (MercadoPago o Stripe)
Buscador de productos
Filtros por marca, precio o categoría
Sistema de usuarios
Backend con Node.js (preparado para el curso siguiente)
🙌 Autor
Proyecto desarrollado por Ingeniero Luis Martin Vasquez Estudiante de programación y desarrollador en formación.
Selected from shared topics, language and repository description—not editorial ratings.
hernan066 /
Este es un reto personal de crear un mini proyecto de html-css-javascript, por 50 dias seguidos.
raupulus /
Ejercicios de Javascript resueltos con los que he ido practicando. Este es un mirror de: https://gitlab.com/raupulus/javascript-ejercicios-resueltos
JavierBalonga /
Este es un challenge que yo desarrolle para que mis alumnos midieran sus conocimientos en Javascript
GaedoC /
Listado de API's Públicas en Chile Listado de API's Públicas para distintos tipos de servicios digitales nacionales Enlace Servicios Públicos / Gobierno API Biblioteca del Congreso Leyes, Proyectos de Ley y Normas. API Mercado Público: Todo lo que necesitas es estar conectado con los servicios de información disponibles en api.mercadopublico.cl para crear notificaciones y estar siempre actualizado de los negocios con el Estado. API División Político Administrativa: Permite obtener Regiones, Provincias y Comunas. API Portal ChileAtiende: API del Portal de Servicios del Estado - ChileAtiende. Plataforma Ley de Lobby La API de la plataforma Ley de Lobby implementada para el Gobierno de Chile, es la interfaz para programadores que permite integrar los contenidos de este portal en tu sitio web. API Energía Abierta - Comisión Nacional de Energía: API permite el acceso directo a los datos publicados en el sitio de datos abiertos de Comision Nacional de Energía. API Comisión Nacional de Energía: Provee el público acceso a la información que se genera dentro de la CNE considerando sus distintos sistemas de información. Usado en Bencina en línea API Datos Peñalolen - Municipalidad de Peñalolen: API que permite el acceso directo a los datos publicados en el sitio de datos abiertos de Peñalolén. API Datos Providencia - Municipalidad de Providencia: API que permite el acceso directo a los datos publicados en el sitio de datos abiertos de la Municipalidad de Providencia. Compras Transparentes: Desarrollada en Falcon y Python, contiene todos los detalles de la API de Compras Transparentes que permite explorar las transacciones entre el Estado de Chile y las empresas, las cuales se efectúan a través de la plataforma de compras públicas. ChileCompra: La API permite el acceso directo a los datos publicados en el portal de datos abiertos de ChileCompra desde tu aplicación. Usa una interfaz RESTful y retorna los datos en formato JSON. Las vistas invocadas a través de la API proveen un acceso estándar online a datos contenidos en páginas HTML, XLS, CSV y otros archivos similares disponibles en Internet. Portal de Datos Públicos: La versión actual de la API es 1.0. La mayoría de los métodos retorna sus resultados en formato JSON, excepto el metodo invoke donde puede elegirse entre varios formatos de salida. Cada key obtenida para la API del Portal de Datos Públicos del Gobierno de Chile está limitada a 10.000 reqs/mes y 1 req/seg. Seguimiento de pedidos de Correos de Chile: Módulo npm para hacer el seguimiento de uno o más pedidos de Correos de Chile. Correos Chile Tracking API: AfterShip Restful JSON APIs and webhooks allow developers to add Correos Chile tracking function easily. Support APIs Client Libraries for PHP, Java, Node.js, Python, .NET, Ruby. Correos Chile API: EasyPost is a multi-carrier shipping solution. The EasyPost API is one integration point for 60+ carriers, including Correos Chile. Feriados en Chile 2017: API con info de feriados en Chile año 2017. Feriados Legales en Chile: API sin restricciones y costos, que contiene todos los feriados legales de Chile. Turnos de Farmacia: URL para obtener en formato JSON el listado de farmacias del país y sus turnos nocturnos legales, directamente desde FARMANET del Ministerio de Salud. Transporte BIP: Get balance of bip card (Chile) by scrapping http://www.tarjetabip.cl/ Economía Indicadores económicos diarios: Este es un servicio open source (web service) que entrega los principales indicadores económicos para Chile en formato JSON. Tanto los indicadores diarios como históricos para que desarrolladores puedan utilizarlos en sus aplicaciones o sitios web. Indicadores del Día: Los indicadores que entregamos en el servicio, aparecen en el sitio del Banco Central de Chile (http://www.bcentral.cl/), estos datos son actualizados cada una hora y servidos en diferentes formatos como xml, json, csv y javascript. API SBIF: La API de SBIF permite obtener información de manera directa desde la base de datos del sitio web utilizando los servicios web provistos en esta plataforma. Buda.com: La API REST de Buda.com, exchange de criptomonedas por moneda local en Chile, Colombia, Perú y Argentina. Permite el manejo de ordenes de compra/venta, abonos/retiros e información del mercado en tiempo real. BCI: API públicas del Banco de Crédito e Inversiones. Permite obtener información sobre cuentas, indicadores económicos, información del banco, entre otros. Medios de Pago Khipu: API REST para crear cobros y recibir pagos con Khipu. Flow: Flow es una plataforma de pagos online que te permite pagar y recibir pagos de cualquier persona usando tarjetas de credito o débito. Sistemas de Alerta Sismos Chile: Últimos sismos en Chile. Chile Alerta - Api: Boletines de Tsunami en Chile, Últimos sismos en Chile y Últimos sismos en países específicos y el Mundo. Mapas / Geocodificación API Planos.cl: API Planos.cl de hibu está conformada por clases desarrolladas en lenguaje Javascript. API de Mapas y Geocodificación de Mapcity: La API de MapCity es una extensión de Openlayers y ExtCore. Los tipos básicos de la API y los controles son derivados de los tipos y controles de OpenLayers, por lo tanto la mayoría de las funciones de OpenLayers aplican a las funciones de la API. Entretención y ocio Horóscopo Yolanda Sultana: Obtiene el horóscopo del día desde Login.cl. No hay forma de obtener horóscopos anteriores, porque es de mala suerte. Clima API Tiempo Meteored.cl: La Api de Meteored.cl es una aplicación con la que usted puede obtener la predicción meteorológica de las localidades que desee a diario. Cómo Aportar: Seguir el siguiente formato: - [Nombre / Título sitio web](URL documentación API): Descripción corta de qué se trata este servicio, en general se encuentra
Nivaniz /
Este proyecto es un e-commerce desarrollado en Django-Framework de Python. En un entorno virtual. La tecnología utilizada incluye Python, JavaScript, HTML, Bootstrap/CSS, jQuery y MySQL. Todas las páginas del sitio web son dinámicas
ProyectosCoPersonales /
Este es un proyecto propuesto por Roadmap.sh para el backend