Llegó el momento. Nos hemos puesto manos a la obra para afrontar el proyecto final del bootcamp usando todos los conocimientos que hemos adquirido.
Como en la vida real, hemos tenido que investigar, tomar decisiones, estudiar y aprender cosas nuevas... Y creemos que hemos conseguido lo fundamental: consolidar conocimientos, aprender y disfrutar del proceso, viviéndolo como si fuera un proyecto real solicitado por un cliente, con un plazo muy ajustado y buscando poder entregar la mejor y más completa aplicación posible.
Nuestro equipo, apodado Merge-narias, se ha decantado por realizar una app de mensajería, inspirándonos en nuestra favorita, Telegram. Queriendo emular las funcionalidades de la plataforma original, así como su aspecto visual, hemos desarrollado una aplicación que permite al usuario registrarse, iniciar y cerrar sesión e intercambiar mensajes con sus contactos.
Como pide el enunciado original facilitado por KeepCoding, la plataforma cuenta con dos componentes principales:
Puedes acceder a los enunciados completos, tanto la versión oficial como nuestra adaptación, pues se encuentran incluidos en la carpeta documents
.
El primer paso para el deploy de la aplicación es tener instalado Node JS y clonarlo utilizando el comando:
git clone https://github.com/merge-narias/keepcoding-final-boss-mergegram.git
Y establecer las dependencias con:
npm install
El fichero .env
es el que se utiliza para almacenar las variables de entorno, que son las que se utilizan para configurar el comportamiento de la aplicación. Como se suelen utilizar para almacenar información confidencial, como contraseñas de bbdd o claves de API, este fichero se encuentra includo en el .gitignore
y se debe utilizar uno propio o solicitarnos el nuestro.
Para poder compilar el proyecto y desplegarlo en el servidor local se ha de utilizar:
npm run serve
Y con este comando se compila y minifica el proyecto para producción:
npm run build
Esto creará una carpeta fuera de src/
llamada dist/
, donde se almacenarán los archivos finales ya procesados que irán desplegados en el servidor o web en producción definitiva (es el comando que hemos utilizado para el despliegue del proyecto en GitHub Pages).
En Vue.js, los archivos procesados en modalidad de desarrollo (
npm run serve
) se almacenan directamente en memoria, ya que está Webpack configurado para ello. Sólo se almacenarán en la carpetadist/
si creamos una build en la modalidad de producción connpm run build
. Para más información relevante sobre la estructura de carpetas de Vue.js recomendamos un vistazo a este enlace. Además, se puede acceder al manual de configuración de Vue CLI pinchando aquí.
Aprende Git con Bitbucket Cloud
Qué es Kanban y cómo aplicarlo al desarrollo de software
Taller EDteam: crea un clon de Telegram con Vue 3 y TypeScript
Somos cinco mujeres con el común objetivo de poder dedicarnos profesionalmente al desarrollo web, gracias a la oportunidad que brindaba la beca de Glovo y KeepCoding pero, sobre todo, a nuestra "sangre, sudor y código" durante medio año, que culmina en este proyecto. Somos conscientes que es un producto abierto todavía a muchas mejoras, y tenemos la intención de seguir trabajando en él, por lo que cualquier consejo por tu parte será bien recibido. Nos gustaría agradecerte que hayas visitado nuestra página y así nos conozcas un poco mejor. Si deseas ponerte en contacto con nosotras, puedes hacerlo a través de los enlaces listados a continuación o vía LinkedIn, acceso al cual encontrarás en nuestros respectivos perfiles:
¡Además, sería genial si nos mandas un saludo y un mensaje indicando que has llegado desde aquí, estaremos encantadas de saber de ti!