馃捇 Es una web app en la que podr谩s encontrar 馃敟 Gifs de tus temas favoritos, mediante el consumo del API de Giphy.
Visita el sitio dando click aqu铆.
- Registro e inicio de sesi贸n con Firebase
- Barra de busqueda
- Pagina de "Trending gifs"
- Guarda tus gifs favoritos en tu cuenta
- Un avatar diferente cada que inicias sesi贸n
- Navegaci贸n totalmente personalizada para mobile y desktop
- Feedback a cada acci贸n del usuario mediante notifiaciones
Verifica que GIT, Node y Yarn esten instalados
git --version
yarn --version
node --version
git clone
yarn install
Este paso es necesario para poder hacer deploy
npm install -g firebase-tools
firebase login
Despues de ingresar el comando anterior, se abrir谩 una ventana del navegador para que inicies sesi贸n con tu cuenta de Google
Una vez inicies sesi贸n, ingresa lo siguiente
firebase init
- Se mostraran varias opcines, selecciona HOSTING
- Selecciona un proyecto de Firebase para conectar al directorio del proyecto local
- Ingresa 'dist' para usar como directorio ra铆z del proyecto(Firebase tomar谩 los archivos de este directorio para hacer el deploy)
- Selecciona crear "app single page"
Al terminar estos pasos, Firebase agrega dos archivos automaticamente - Un archivo firebase.json que contiene la configuraci贸n del proyecto - Un archivo .firebaserc que almacena los alias del proyecto
En el directorio ra铆z del proyecto, crea un archivo .env, con lo siguiente para configurar Firebase
VUE_APP_FB_API_KEY=AIzaSyDxNiOHkk-kfy-WFb1f0qpsjfSTj1h8_m4
VUE_APP_FB_AUTH_DOMAIN=worgiphy.firebaseapp.com
VUE_APP_FB_DATABASE_URL=https://worgiphy.firebaseio.com
VUE_APP_FB_PROJECT_ID=worgiphy
VUE_APP_FB_STORAGE_BUCKET=worgiphy.appspot.com
VUE_APP_FB_MESSAGING_SENDER_ID=744364657898
VUE_APP_FB_APP_ID=1:744364657898:web:ff2257d75cb01dc85d1b93
VUE_APP_GIPHY_API_KEY=XW1HTpw6EWg9S4z8EYwbMoBy1lUOfc5o
yarn serve
Abre una ventana del navegador, y entra a localhost:8080
yarn build
Todos los archivos generados son guardados en el directorio 'dist'
yarn deploy