mma fighter finder

buscador-de-luchadores-mma

Sitio que proporciona información sobre los atletas de MMA.

enlace

• Pantalla de ejecución
• terminado el proyecto

Pantalla de ejecución

• Pantalla de búsqueda de jugadores

  • 
  • 

• Pantalla de ejecución completa

  • 

terminado el proyecto

1. Para mi primer proyecto de React, desarrollé un sitio que busca los registros de jugadores de artes marciales, que había considerado anteriormente.

Fue el primer proyecto creado simplemente con React alrededor de marzo de 2021 y fue un desarrollo más significativo de lo que pensaba. Esto no sólo se debe a que es el primer proyecto de juguete, sino aún más porque es un resultado que en realidad se utiliza de manera constante. Hay pocos sitios donde puedes ver los registros de los jugadores de artes marciales, e incluso se cree que esos sitios son incómodos en cuanto a accesibilidad, así que creé este sitio, pero lo utilizan a menudo amigos a los que les gustan los deportes de artes marciales.

Entonces, en lugar de descuidar el sitio, intentamos arreglarlo tanto como sea posible cada vez que surge un problema. Al principio, no admitía el diseño responsivo, pero se desarrolló como responsivo y siempre que hay un problema con el servidor, intentamos corregir el error tanto como sea posible.

2. Fue un desarrollo mucho más simple de lo que pensaba, por lo que me decepcionó un poco no haber utilizado una herramienta de gestión de estado como contextAPI.

Al principio pensé que realmente quería hacer algo con esta idea más que con la tecnología, así que comencé a desarrollarla, pero cuando lo pensé, me decepcionó el aspecto técnico porque era una aplicación que solo tenía que buscar datos. desde el servidor y distribuirlo.

A medida que estos arrepentimientos se acumulaban, más tarde desarrollé la aplicación de tareas pendientes con una pila completa frontal (react) y posterior (express). Incluso en el proyecto de juguete en el que seguí trabajando, me decepcionó tener que aprender mientras trabajaba en el proyecto, y también quería aprender el back-end, así que lo hice.

3. Se creó un servidor API usando woog2roid/mma-api.

Había una mma-api de código abierto que originalmente planeé usar, pero no funcionó, así que la bifurqué e hice algunos ajustes. Sin embargo, cuando salí de la bolsa y envié los datos, el formulario de sherdog cambió, por lo que tuve que escribir la API nuevamente.

Recientemente (alrededor de junio de 2022), escuché que el sitio no funcionaba. Cuando revisé, resultó que el sitio no funcionaba porque Google no se estaba rastreando correctamente. Obviamente, dado que los datos se recopilan del servidor y se envían mediante rastreo, no parece ser estable.

4. Fue la primera vez que distribuí y fue una oportunidad de aprender mucho.

Hubo muchas pruebas y errores al distribuir el front-end a través de Github Pages y distribuir datos desde el back-end con un dominio personal llamado https://server.woog2roid.dev. Comenzando con cómo implementar el backend, comencé ejecutando un nodo en un servidor en la nube gratuito, pero me preocupaba que fuera inconveniente de usar porque el servidor no tenía una conexión https, así que terminé comprando un dominio privado y usando Se admitió el cifrado para conectarnos a https.