Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jmatochepascual/carritodecompras

Carrito de Compras
https://github.com/jmatochepascual/carritodecompras

css3 html5 javascript normalize skeleton

Last synced: 12 days ago
JSON representation

Carrito de Compras

Host: GitHub
URL: https://github.com/jmatochepascual/carritodecompras
Owner: JmAtochePascual
Created: 2024-04-27T04:26:51.000Z (9 months ago)
Default Branch: main
Last Pushed: 2024-08-04T12:50:52.000Z (5 months ago)
Last Synced: 2024-11-08T02:50:04.735Z (2 months ago)
Topics: css3, html5, javascript, normalize, skeleton
Language: HTML
Homepage: https://jmatochepascual.github.io/CarritoDeCompras/
Size: 140 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# ⚡️ Carrito de Compras

Este proyecto implementa un carrito de compras simple y efectivo para una tienda de cursos en línea. Utiliza HTML, CSS y JavaScript puro para manejar las interacciones del usuario y el estado del carrito de compras.

## 🎯 Contenido

1. 📝[Descripción](#descripción)
2. 🛠️[Tecnologías y Herramientas](#tecnologías-y-herramientas)
3. 🚀[Estructura del Proyecto](#estructura-del-proyecto)
4. 🧑‍💻[Uso](#uso)
5. 📌[Instalación](#instalaciónn)
6. 🏗️[Contribución](#contribución)
7. ✨[Licencia](#licencia)
8. 🙈[Imagen de Referencia](#imagen-de-rereferencia)
9. 🌐[Ver Proyecto en la WEB](#ver-proyecto-en-la-web)

## Descripción

## Características

- **Agregar cursos al carrito:** Los usuarios pueden añadir cursos de su interés al carrito de compras con solo un clic.
- **Eliminar cursos del carrito:** Cada curso puede ser eliminado individualmente del carrito.
- **Vaciar el carrito:** Existe la opción de eliminar todos los cursos del carrito simultáneamente.
- **Conteo de cursos:** El carrito mantiene una cuenta de los cursos y actualiza la cantidad si se añade el mismo curso más de una vez.
- **Interfaz responsiva:** Compatible con dispositivos móviles y desktop gracias a Skeleton CSS.

## Tecnologías y Herramientas

- **HTML:** Estructura de la página.
- **CSS:** Estilos de la página utilizando Normalize.css y Skeleton CSS para un diseño responsivo.
- **JavaScript:** Lógica para las interacciones del carrito de compras.

## Estructura del Proyecto

- **css/**: Carpeta con los estilos compilados.
- **js/**: Carpeta código con lógica del proyecto.
- **index.html**: Página principal.

## Uso

Abrir el archivo index.html en un navegador de su elección.

## Instalación

No se requiere instalación adicional para utilizar este proyecto.

## Contribución

Si estás interesado en contribuir al proyecto, por favor sigue estos pasos:

1. Haz un fork del repositorio.
2. Crea una nueva rama para tu característica (`git checkout -b mi-nueva-característica`).
3. Compromete tus cambios (`git commit -am 'Añadir alguna característica'`).
4. Empuja la rama (`git push origin mi-nueva-característica`).
5. Abre un pull request.

## Licencia

Este proyecto está bajo la licencia [MIT](https://opensource.org/licenses/MIT).

## Imagen de Rereferencia

![](https://i.postimg.cc/rFbhH1wf/Carrito-de-compras.png)

## Ver Proyecto en la WEB

Puedes ver el proyecto en funcionamiento [aquí](https://jmatochepascual.github.io/CarritoDeCompras/).