Football team PWA developed with VueJS and Visual Studio Code

Troya-PWA

Football team PWA developed with VueJS and Visual Studio Code. Using frameworks as Vue-RouterJS, Vuetify and Google Firestore and Firebase Authentication.

PWA de un equipo de fútbol desarrollada con VueJS y Visual Studio Code. Se han utilizado frameworks como Vue-RouterJS, Vuetify y Google Firestore y Firebase Authentication.

Goals - Objetivos

This app allows players to sign for the match, for the training, see the season calendar, see the next match, visit directly the team’s page on Facebook, search automatically on Google Maps for the location of the stadiums, see the finances of the club, see the player’s stats and more.

Esta aplicación permite a los jugadores apuntarse a los próximos partidos, a los próximos entrenamientos, ver el calendario completo de la temporada, ver el próximo partido, ver directamente la página web del club en Facebook, buscar la ubicación de los estadios para ir con Google Maps, ver las cuentas económicas del club, ver las estadísticas de los jugadores, etc.

Used tools - Herramientas utilizadas

For this app, I have used Visual Studio Code. This editor has a built-in runner to test in real-time the changes you are making on the code, which is very useful. Everything is developed with HTML, CSS and JS using the framework VueJS. As part of the design and templates for Vue Components, I have used Vuetify. For the navigation in the PWA and the routing, I have used Vue-RouterJS. To store all the information and have access in real-time, I have used the databases of Google: Google Firestore and Google Firebase Authentication. All related information and references are in the next section.

Para esta aplicación, he usado Visual Studio Code. Este editor tiene un “runner” incorporado para probar en tiempo real los cambios que haces en el código, lo cual es muy útil. Todo está desarrollado con HTML, CSS y JS usando el framework VueJS. Como parte del diseño y las plantillas de los componentes de Vue, he usado Vuetify. Para la navegación en el PWA y el enrutamiento, he utilizado Vue-RouterJS. Para almacenar toda la información y tener acceso en tiempo real, he utilizado las bases de datos de Google: Google Firestore y Google Firebase Authentication. Toda la información y referencias relacionadas están en la siguiente sección.

References - Referencias

Download Details:

Author: RubenReyesA

Source Code: https://github.com/RubenReyesA/Troya-PWA

#vuejs #vue #javascript