Una aplicación basada en React para seguir y rastrear sus clubes de fútbol favoritos en todo el mundo.
Las estadísticas de fútbol le permiten buscar, seguir y rastrear cualquier club en todo el mundo para la temporada 2020/2021. ¡Ya no necesita saltar del sitio web del club al sitio web del club para encontrar los últimos partidos, resultados, listas de equipo y más de su equipo favorito! Al usar datos en tiempo real retirados directamente a través de API-Football, puede buscar cualquier club en todo el mundo, agregarlos a su lista de favoritos y navegar por sus últimas estadísticas.
Acceda rápidamente a la información de sus clubes seguidos agregándolos a su lista de mis clubes . Para agregar un club de fútbol a su lista, simplemente busque el club a través de la función de búsqueda de países y ligas, luego haga clic en el club que se muestra en la tabla de liga actual. El club aparecerá automáticamente en su lista de colecciones, permitiendo una accesibilidad más fácil. Agregue tantos clubes como desee, ¡no hay límite! Si ya no desea rastrear un club, puede eliminarlo de su lista haciendo clic en el botón de eliminación correspondiente.
Puede buscar cualquier club rastreado en todo el mundo utilizando los menús desplegables de países y ligas ubicados sobre el componente de la tabla de la liga. Primero, seleccione un país que le gustaría explorar desde el menú desplegable de los países. Una vez que se selecciona un país, todas las ligas disponibles para ese país se mostrarán en el menú desplegable de la liga. Después de hacer sus selecciones, los últimos resultados de la tabla aparecerán a continuación; A partir de ahí, puede comenzar a agregar clubes a su lista y explorar sus últimas estadísticas.
Pro-Tip: ¡también puede escribir directamente en los cuadros de búsqueda para filtrar las opciones desplegables!
Después de seleccionar un equipo de la tabla de la liga o en mi lista de clubes, toda la información para ese club aparecerá a continuación. Puede explorar la información directa de los clubes: nombre, país, estadio y más, así como todos los próximos accesorios y listas de jugadores actuales. Desplácese por los accesorios y listas de jugadores para ver más información. Para ver las estadísticas específicas para un jugador individual en el equipo, simplemente haga clic en el nombre de ese jugador. Las estadísticas más recientes aparecerán en el componente destacado del jugador a la derecha de la lista del jugador. Aquí puede ver todas las estadísticas de jugadores tanto para el club como para el país (solo se muestra en el país si son un jugador internacional).
Las estadísticas de fútbol se construyen con las siguientes tecnologías:
Se requieren Node.js y NPM para ponerse en funcionamiento rápidamente con este proyecto. Lukily, NPM se distribuye con Node.js, lo que significa que cuando descarga Node.js, ¡automáticamente se instala NPM en su computadora! Puede instalar Node.js aquí.
Soccer Stats utiliza la comunidad MongoDB para su organización de datos de llamadas de API recientes. Puede descargar, instalar y configurar la última versión de Monogodb aquí
git clone https://github.com/Matt-Wigg/soccer-stats.gitnpm installRENAME_ME_CONFIG.JS dentro del servidor/base de datos a config.js y agregue su nombre de usuario y contraseña de MongoDB. La dirección ip solo se requiere si su base de datos se ejecuta en su propia instancia: AWS/EC2, por ejemplo. module . exports = {
username : 'USERNAME' ,
password : 'PASSWORD' ,
ip : 'localhost' ,
} ;RENAME_ME_CONFIG.JS dentro del servidor/controladores a config.js y agregue su tecla de host API-football y la tecla API. module . exports = {
hostKey : 'HOSTKEY' ,
apiKey : 'APIKEY' ,
} ;npm run bundle
npm run startLas contribuciones son las que hacen que la comunidad de código abierto sea un lugar tan increíble para aprender, inspirar y crear. Cualquier contribución que haga es muy apreciada .
git checkout -b feature/AmazingFeature )git commit -m 'Add some AmazingFeature' )git push origin feature/AmazingFeature )Sitio web - Mattwigg
Profesional - LinkedIn
Enlace del proyecto: https://github.com/matt-wigg/soccer-stats/
Distribuido bajo la licencia MIT.
