Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gherrada22/sextoysweb

Prototipo de un Sex Shop online para delivery, en HTML5, CSS3, JAVASCRIPT.
https://github.com/gherrada22/sextoysweb

css3 hmtl5 javascript sextoys sweetalert toastify vercel

Last synced: 7 days ago
JSON representation

Prototipo de un Sex Shop online para delivery, en HTML5, CSS3, JAVASCRIPT.

Awesome Lists containing this project

README

        


Logo


Sex Toys





La aplicación web es una plataforma de delivery de juguetes sexuales desarrollada con HTML5, CSS3, JAVASCRIPT. El prototipo actual cuenta con un menú principal donde se pueden explorar diferentes categorías y productos populares. Los usuarios pueden seleccionar productos y agregarlos a su carrito de compras para su posterior reserva como detalle de la compra a realizar. Se espera agregar más características en el futuro.

 

## 📽️ Demostración

![DemostraciónSexToys](https://user-images.githubusercontent.com/104341274/233504218-af28fdb5-645b-4180-bb6e-21c5c9add0df.svg)

## 💡 Tecnologías usadas

La aplicación web se creó utilizando HTML, CSS y JavaScript, agregando las librerías de Toastify y SweetAlert para agregar un poquito más de interacción y elementos.

## 📌 Lenguajes utilizados
- [`HTML5`](https://es.wikipedia.org/wiki/HTML5)
- [`CSS`](https://es.wikipedia.org/wiki/CSS)
- [`JAVASCRIPT`](https://es.wikipedia.org/wiki/JavaScript)

## 🧠 Estructura y función del proyecto

Estructura de Carpetas

- La carpeta `css` contiene el archivo `main.css`, que es donde se define el estilo visual del aplicativo web.
- La carpeta `img` contiene las imágenes que se utiliza el aplicativo web, organizadas por categorías como `masturbadores`, `pareja` y `succionadores`.
- La carpeta `js` contiene los archivos JavaScript que se utilizan en la aplicación web. Tanto `carrito.js` se encarga de la lógica del carrito de compras, `main.js` contiene el código principal del aplicativo web, `menu.js` se encarga de la lógica del menú y `productos.json` contiene datos de los productos.
- El archivo `app_icon.png` es el icono que se muestra en la pestaña del navegador.
- El archivo `carrito.html` es la página donde se muestra el contenido del carrito de compras.
- El archivo `index.html` es la página principal del aplicativo web, donde se muestra el contenido principal y se hace la navegación hacia otras páginas como la del carrito.

- Las librerías de Toastify y SweetAlert te permiten agregar elementos interactivos como notificaciones y mensajes emergentes del aplicativo web. Con Toastify, puedes mostrar mensajes de notificación personalizados en la esquina superior derecha de la pantalla, mientras que con SweetAlert puedes mostrar mensajes emergentes con animaciones y efectos visuales personalizados.

## 🟢 Instalación

Descargue o clone el repositorio en su ordenador.

```
git clone https://github.com/gherrada22/SexToysWeb.git
```

## 👐 Contribuciones

1. Dar estrella y hacer un fork del repositorio.
2. Crea una rama para tu contribución.
3. Haz un pull request con tu contribución.

 




Copyright © 2023-present George Herrada Farfán