Entrenem: Disseny i desenvolupament d'una aplicació web d'activitats esportives en companyia

Abstract

L'objectiu de la dissertació és desenvolupar una aplicació web progressiva que omplís el buit d'una aplicació que connectés l'activitat física amb el component social, entrenem. entrenem serveix de plataforma on els usuaris poden trobar altres usuaris i connectar-s'hi, per tal de realitzar diferents activitats esportives a l'aire lliure junts, sense la necessitat d'un instructor. L'aplicació entrenem es va desenvolupar amb el fullstack MERN i està disponible gratuïtament. Satisfà la creixent demanda d'aplicacions dedicades a la promoció de l'exercici físic. Es va desenvolupar per mitigar els efectes duradors de la restricció de l'activitat física i el contacte social durant el confinament del 2020 que ha tingut un efecte perjudicial per a la salut física i mental de moltes persones. El desenvolupament d'entrenem es va desglossar en quatre etapes. Durant la primera etapa, la fase d'ideació, es va centrar en determinar les funcionalitats i el disseny de l'aplicació. En la segona etapa, es van crear prototips de baixa i alta definició. En la tercera etapa, es va implementar la part backend de l'aplicació amb Nodejs, Express i MongoDB i la part frontend amb React, utilitzant Redux per al maneig de l'estat de l'aplicació. En la quarta i última etapa, es va convertir el producte resultant en una aplicació web progressiva. El resultat és entrenem, una aplicació que combina esport i socialització, i que es pot instal·lar en qualsevol dispositiu mòbil, com si es tractés d'una aplicació nativa, que és 100% accessible i 100% optimitzada per als motors de cerca.

El objetivo de la disertación es desarrollar una aplicación web progresiva que llenara el vacío de una aplicación que conectara la actividad física con el componente social, entrenem. entrenem sirve de plataforma donde los usuarios pueden encontrar otros usuarios y conectarse, para realizar diferentes actividades deportivas al aire libre juntos, sin la necesidad de un instructor. La aplicación entrenem se desarrolló con el fullstack MERN y está disponible gratuitamente. Satisface la creciente demanda de aplicaciones dedicadas a la promoción del ejercicio físico. Se desarrolló para mitigar los efectos duraderos de la restricción de la actividad física y el contacto social durante el confinamiento de 2020 que ha tenido un efecto perjudicial para la salud física y mental de muchas personas. El desarrollo de entrenem se desglosó en cuatro etapas. Durante la primera etapa, la fase de ideación, se centró en determinar las funcionalidades y el diseño de la aplicación. En la segunda etapa, se crearon prototipos de baja y alta definición. En la tercera etapa, se implementó la parte backend de la aplicación con Nodejs, Express y MongoDB y la parte frontend con React, utilizando Redux para el manejo del estado de la aplicación. En la cuarta y última etapa, se convirtió el producto resultante en una aplicación web progresiva. El resultado es entrenem, una aplicación que combina deporte y socialización, y que se puede instalar en cualquier dispositivo móvil, como si se tratara de una aplicación nativa, que es 100% accesible y 100% optimizada para los motores de búsqueda.

The aim of the dissertation was to develop a progressive web application which fills the gap of an app that connects physical activity with the social component, entrenem. entrenem serves as a platform where users can find and connect with other users in order to carry out different outdoor sports activities together without the need for an instructor. The entrenem app was developed with the fullstack MERN and is freely available. It satisfies the growing demand for applications dedicated to the promotion of physical exercise. It was developed to mitigate the lasting effects of the restriction of physical activity and social contact during the lockdown of 2020 which has severely affected people¿s physical and mental health. The development of entrenem was broken down into four stages. The focus of the first stage, the ideation stage, was on determining functionalities and design of the app. In the second stage, low and high-fidelity prototypes were created. In the third stage, the backend part of the app was implemented with Nodejs, Express and MongoDB and the frontend part with React, using Redux for the application¿s state management. In the fourth and final stage, the resulting product was converted to a progressive web application. The result is entrenem, an application combining sport and socializing, which can be installed on any mobile device, as if it were a native application, which is 100% accessible and 100% optimized for search engines.