Nuevo front-end de PrognoSports (WIP)
Home Page: https://prognosports.com
License: MIT License
Cliente web de PrognoSports.com, desarrollado con Vue.
Este cliente se conecta con PrognoSports mediante su API pública - backend.
Puedes ver los ciclos de desarrollo en el Github Projects de PrognoSports
$ pnpm run dev
$ pnpm run build
El resultado de la compilación se encontrará en la carpeta dist
Este proyecto está liberado bajo licencia MIT
Copyright (c) 2018-present, Cadiducho
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Justo después del login, la lista de comunidades de las que forma parte el usuario no carga correctamente.
Uncaught (in promise) TypeError: Cannot read property 'id' of null at (community.service.ts?9433:17)
Al recargar con F5 este error desaparece.
Probablemente user sea aún null (y por lo tanto, su id) cuando se realiza esta solicitud en el navbar
Email de la cuenta: a@a
/communities/[:id]
Visualizar detalles de comunidad:
/communities/create
Un POST para añadir una nueva conunidad al sistema
Página que requiere permisos de administración
En teoría, hay un sistema de invitación a comunidades activo
/invitation/:community?/:code?
No obstante, no está 100% probado. Se debería revisar antes de Bahréin
No está teniendo en cuenta la diferencia horaria del front y salen cosas raras como que la última conexión de alguien fue en el futuro
A la hora de pronosticar una carrera, tener una opción para que los pilotos en el panel de selección salgan ordenados en su orden de parrilla.
@Cadiducho dice que es cosa del ApexChart
PD: Se suma otro error (a veces) que es el siguiente:
Junto al creador de comunidades se debería implementar el creador de las reglas que quiera usar esa comunidad por defecto, así como un selector de las reglas ya existentes
Cuenta: a@a
Cuando se pasan las pestañas para ver las tablas de ranking acumulado, desglosado, por clasificación... la web se ralentiza y en ocasiones queda hasta cortada
Un nuevo usuario, o un usuario que haya abandonado todas sus comunidades, debe ser redirigido a la página de listado de comunidades para escoger (o crear una nueva)
Página para cambiar las preferencias personales del usuario
Nombre, imagen de perfil, biografía... opciones de privacidad sobre sus pronósticos y ajustes de las notificaciones.
Integraciones con Telegram u otros enlaces de cuenta.
Ajustes de seguridad, donde poder ver tus sesiones iniciadas, cuándo, último uso de cada token y habilidad de cerrar uno u todas
/settings
/drivers/[:id, :name]
Tampoco muestra las notas de las incidencias que puedan cambiar su orden en la parrilla
Crear un componente que a través de la $route.name cargue y muestre el nombre humano de la página en un buen índice
La idea sería crear un índice de esas routas y que el componente cargue a modo de diccionario el nombre correcto.
Estilo:
https://bulma.io/documentation/components/breadcrumb/
Listado con las comunidades, publicas y privadas, con posibilidad de acceder a estas
Se propone añadir un switcher clickando un emoticono de de una luna/sol en la navbar.
También en tus ajustes de perfil poder cambiarlo.
Una solución similar a la usada en https://github.com/Cadiducho/PasswordGenerator/blob/master/src/App.vue#L165
Al entrar en al web y cada vez que accedo a cualquier ruta (por ejemplo /gps) muestra el siguiente error en consola:
Adjunto log
beta.prognosports.com-1648825285579.log
La página https://docs.prognosports.com/ muestra un mensaje de error 526 al acceder a ella.
La segunda línea del Readme menciona que el proyecto es para 'PrgonoSports.com' pero debería ser 'PrognoSports.com'
De manera similar a /gps, crear una ruta /circuits donde poder ver la lista de los circuitos registrados en la web
Cuando buscas un piloto en el filtro de todos y arrastras una tarjeta a la otra columna, se mueve un piloto que no es el que visualmente se ha movido
Las páginas de Login, Registro y Olvidé contraseña tienen la plantilla de la web antigua, no adaptada ni a las nuevas css ni a ningún diseño
Se debería realizar un rediseño de las tarjetas de los usuarios de la plataforma.
El diseño actual se siente un poco bruto y vacío.
/drivers/create o algo similar
Un POST para añadir un nuevo piloto al sistema.
Página que requiere permisos de administración
Bajo ciertas circunstancias, los pilotos pueden desaparecer de ambas listas cuando se arrastran fuera de sus paneles, es raro de replicar, porque a veces pasa y a veces no, el modo más repetitivo para recrearlo es:
Por algún motivo esto solo pasa en el segundo piloto, y no vuelve a ocurrir hasta que se refresca la web.
En la página de visualizar la comunidad, donde se listan los miembros, implementar un buscador o utilidades para ordenar los usuarios
Modificación/actualización o borrado de los datos de un circuito
/circuits/:id/admin
Página que requiere permisos de administración
Si en el desplegable de temporada pones "Formula 1 2018" se queda cargando la barra para siempre, a pesar de que ya ha recibido respuesta del servidor
Los result son:
1:{
"result": [],
"success": true
}points:{
"result": {},
"success": true
}totaluserpoints:{
"result": {},
"success": true
}
Cuando el usuario no ha iniciado sesión, la pantalla de 404 sigue redirigiendo a https://beta.prognosports.com/home incorrecto:
En lugar de una antigua sintaxis de JS, utilizar clases para agrupar los métodos de los _services, de la misma manera que se hace en SeasonService
Ref: https://github.com/Cadiducho/PrognoSports-Frontend/blob/master/src/_services/season.service.ts
En sesión de clasificación muestra los "paso a paso" como sería con las puntuaciones de carrera, no con las de clasificación
Ejemplo de puntuaciones correctas de "clasificación" en la interfaz antigua
Ejemplo de puntuaciones incorrectas, cogiendo la tabla de puntos a repartir en la sesión de carrera en la interfaz nueva
/circuits/:id
Se plantean usar tabs para mostrar los datos de las diferentes variante posibles de un circuito. Acceso directo a esa variante mediante /circuits/:id/:variante
Los métodos de acceso a la API son:
/circuits/:id
/circuits/:id/:variante
/circuits/variants/:circuit
Modificación/actualización o borrado de los datos de un piloto
/drivers/:id/admin
Página que requiere permisos de administración
Página de perfiles de usuario
Esta página debe incluir todos los datos públicos del usuario y una serie de estadísticas a mostrar
/u/:userId
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.