https://github.com/marfullsen/wishlist

Listado de deseos para ocasiones especiales como matrimonios y otros eventos con regalos que pueden repetirse.
https://github.com/marfullsen/wishlist

eventos matrimonio vue vue3 vuejs wishlist

Last synced: 7 months ago
JSON representation

Listado de deseos para ocasiones especiales como matrimonios y otros eventos con regalos que pueden repetirse.

• Host: GitHub
• URL: https://github.com/marfullsen/wishlist
• Owner: Marfullsen
• Created: 2022-03-15T02:27:55.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-04-20T17:23:07.000Z (over 3 years ago)
• Last Synced: 2025-01-10T05:36:28.795Z (9 months ago)
• Topics: eventos, matrimonio, vue, vue3, vuejs, wishlist
• Language: Vue
• Homepage: https://marfullsen.rocks/wishlist/
• Size: 1.39 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


# Wishlist, el listado de deseos :clinking_glasses:

[![gh-pages](https://img.shields.io/badge/FrontEnd-Disponible-09f.svg)](https://marfullsen.github.io/wishlist/)

[![Vue-3.2.26](https://img.shields.io/badge/Vue-3.2.26-blue.svg "Badge Vue.js")](https://v3.vuejs.org/)

[![Vue-cli-4.5.15](https://img.shields.io/badge/Vue--CLI-4.5.15-brightgreen.svg "Badge VueCLI")](https://cli.vuejs.org/)

[![Vue-router-4.0.12](https://img.shields.io/badge/Vue--router-4.0.12-yellow.svg "Badge VueRouter")](https://router.vuejs.org/)

[![Bulma](https://img.shields.io/badge/bulma-css-00d1b2.svg)](https://bulma.io/)

[![Ionic-Icons](https://img.shields.io/badge/Ionic-Icons-important.svg)](https://ionic.io/ionicons)





  

  





  Listado interactivo para ayudar en la elección de los regalos de matrimonio.



## ⚠️ Sólo diseño FrontEnd ⚠️

**Atención:** Este proyecto es un **diseño visual** (una fachada) orientado a dispositivos móviles, visualizable [aquí](https://marfullsen.github.io/wishlist/).

## ¿Qué es _Wishlist_?

¿Cuántas veces te han llegado los mismos regalos de varios invitados? ¿No sería mejor si les envías un listado interactivo que gestione todos esos problemas? Wishlist es todo eso y más, listados virtuales que evitarán que recibas demasiadas teteras, demasiados tostadores u otros como regalo en cualquier evento.

## Paleta de colores



  

 



### Código para CSS

Si te gustó la paleta, puedes usar los mismos colores importando el siguiente código a tu hoja de estilos:

```CSS

:root {

  --color-fondo: #fbf6f3;

  --color-primario: #feb06a;

  --color-secundario: #36d6e7;

  --color-auxiliar: #5d6c89;

}

.color-primario {

  color: var(--color-primario);

}

.color-secundario {

  color: var(--color-secundario);

}

.color-auxiliar {

  color: var(--color-auxiliar);

}

.color-fondo {

  color: var(--color-fondo);

}

```

## Mockup



  

 



El mockup se realizó con [diagrams.net](https://app.diagrams.net/), el archivo se puede descargar [aquí](./docs/sketch/wishlist-diagrams-net.drawio)

## Instalación del proyecto

```

npm install

```

### Compilación y recarga rápida para desarrollo.

```

npm run serve

```

### Compilación y minificado para producción.

```

npm run build

```

## Referencias

- [Vista Previa del sitio](https://previewed.app/)

- [5 online mockup generator tools for UX/UI designers](https://bootcamp.uxdesign.cc/5-online-mockup-generator-tools-for-ux-ui-designers-e7b51813168e)

- [App Designs](https://bashooka.com/inspiration/to-do-list-app-ui-designs/)

- [Paletas de colores](https://mybrandnewlogo.com/es/generador-de-paleta-de-colores)