Implementación de funcionalidad de Mensajería en una Aplicación Web Progresiva utilizando ReactJS y la API de Twilio. Semestre de Industria

RESUMEN : Luego de un proceso de migración de móvil a web, la empresa cliente contaba con una recién creada Aplicación Web Progresiva (PWA) lista para crecer en funcionalidades y aumentar el alcance a sus usuarios. Esta PWA está construida utilizando ReactJS, Redux Toolkit para el manejo de estados,...

Full description

Autores:
García Toro, Mario Andrés
Tipo de recurso:
Trabajo de grado de pregrado
Fecha de publicación:
2024
Institución:
Universidad de Antioquia
Repositorio:
Repositorio UdeA
Idioma:
spa
OAI Identifier:
oai:bibliotecadigital.udea.edu.co:10495/43812
Acceso en línea:
https://hdl.handle.net/10495/43812
Palabra clave:
Digitalización
Digitization
Clientes/Servidores (computadores)
Client/server computing
Servidores web
World Wide Servers
Programas de navegación
Browsers
React
Redux
PWA
Twilio
http://vocabularies.unesco.org/thesaurus/concept7411
Rights
openAccess
License
https://creativecommons.org/licenses/by-nc-sa/4.0/
id UDEA2_0f99bf54f8ed65e8a035a94a60694914
oai_identifier_str oai:bibliotecadigital.udea.edu.co:10495/43812
network_acronym_str UDEA2
network_name_str Repositorio UdeA
repository_id_str
dc.title.spa.fl_str_mv Implementación de funcionalidad de Mensajería en una Aplicación Web Progresiva utilizando ReactJS y la API de Twilio. Semestre de Industria
title Implementación de funcionalidad de Mensajería en una Aplicación Web Progresiva utilizando ReactJS y la API de Twilio. Semestre de Industria
spellingShingle Implementación de funcionalidad de Mensajería en una Aplicación Web Progresiva utilizando ReactJS y la API de Twilio. Semestre de Industria
Digitalización
Digitization
Clientes/Servidores (computadores)
Client/server computing
Servidores web
World Wide Servers
Programas de navegación
Browsers
React
Redux
PWA
Twilio
http://vocabularies.unesco.org/thesaurus/concept7411
title_short Implementación de funcionalidad de Mensajería en una Aplicación Web Progresiva utilizando ReactJS y la API de Twilio. Semestre de Industria
title_full Implementación de funcionalidad de Mensajería en una Aplicación Web Progresiva utilizando ReactJS y la API de Twilio. Semestre de Industria
title_fullStr Implementación de funcionalidad de Mensajería en una Aplicación Web Progresiva utilizando ReactJS y la API de Twilio. Semestre de Industria
title_full_unstemmed Implementación de funcionalidad de Mensajería en una Aplicación Web Progresiva utilizando ReactJS y la API de Twilio. Semestre de Industria
title_sort Implementación de funcionalidad de Mensajería en una Aplicación Web Progresiva utilizando ReactJS y la API de Twilio. Semestre de Industria
dc.creator.fl_str_mv García Toro, Mario Andrés
dc.contributor.advisor.none.fl_str_mv Loaiza Berrío, Deisy
dc.contributor.author.none.fl_str_mv García Toro, Mario Andrés
dc.subject.unesco.none.fl_str_mv Digitalización
Digitization
topic Digitalización
Digitization
Clientes/Servidores (computadores)
Client/server computing
Servidores web
World Wide Servers
Programas de navegación
Browsers
React
Redux
PWA
Twilio
http://vocabularies.unesco.org/thesaurus/concept7411
dc.subject.lemb.none.fl_str_mv Clientes/Servidores (computadores)
Client/server computing
Servidores web
World Wide Servers
Programas de navegación
Browsers
dc.subject.proposal.spa.fl_str_mv React
Redux
PWA
Twilio
dc.subject.unescouri.none.fl_str_mv http://vocabularies.unesco.org/thesaurus/concept7411
description RESUMEN : Luego de un proceso de migración de móvil a web, la empresa cliente contaba con una recién creada Aplicación Web Progresiva (PWA) lista para crecer en funcionalidades y aumentar el alcance a sus usuarios. Esta PWA está construida utilizando ReactJS, Redux Toolkit para el manejo de estados, react-router para la navegación, react-testing-library para las pruebas unitarias y MaterialUI para el diseño de componentes. El proyecto se centró en la implementación de una característica robusta de mensajería denominada "Messaging", que permitió a los usuarios de la PWA, conocidos como Stylists, comunicarse con sus clientes utilizando la plataforma Twilio y su API para el manejo de mensajes. El objetivo fue integrar esta funcionalidad de manera efectiva, cumpliendo con los requisitos especificados por el cliente, aplicando buenas prácticas de programación y asegurando la calidad del código.
publishDate 2024
dc.date.accessioned.none.fl_str_mv 2024-11-28T13:34:53Z
dc.date.available.none.fl_str_mv 2024-11-28T13:34:53Z
dc.date.issued.none.fl_str_mv 2024
dc.type.spa.fl_str_mv Tesis/Trabajo de grado - Monografía - Pregrado
dc.type.coar.spa.fl_str_mv http://purl.org/coar/resource_type/c_7a1f
dc.type.redcol.spa.fl_str_mv https://purl.org/redcol/resource_type/TP
dc.type.coarversion.spa.fl_str_mv http://purl.org/coar/version/c_b1a7d7d4d402bcce
dc.type.driver.spa.fl_str_mv info:eu-repo/semantics/bachelorThesis
dc.type.version.spa.fl_str_mv info:eu-repo/semantics/draft
format http://purl.org/coar/resource_type/c_7a1f
status_str draft
dc.identifier.uri.none.fl_str_mv https://hdl.handle.net/10495/43812
url https://hdl.handle.net/10495/43812
dc.language.iso.spa.fl_str_mv spa
language spa
dc.rights.uri.spa.fl_str_mv https://creativecommons.org/licenses/by-nc-sa/4.0/
dc.rights.uri.*.fl_str_mv http://creativecommons.org/licenses/by-nc-sa/2.5/co/
dc.rights.accessrights.spa.fl_str_mv info:eu-repo/semantics/openAccess
dc.rights.coar.spa.fl_str_mv http://purl.org/coar/access_right/c_abf2
rights_invalid_str_mv https://creativecommons.org/licenses/by-nc-sa/4.0/
http://creativecommons.org/licenses/by-nc-sa/2.5/co/
http://purl.org/coar/access_right/c_abf2
eu_rights_str_mv openAccess
dc.format.extent.spa.fl_str_mv 36 páginas
dc.format.mimetype.spa.fl_str_mv application/pdf
dc.publisher.spa.fl_str_mv Universidad de Antioquia
dc.publisher.place.spa.fl_str_mv Medellín, Colombia
dc.publisher.faculty.spa.fl_str_mv Facultad de Ingeniería. Ingeniería de Sistemas
institution Universidad de Antioquia
bitstream.url.fl_str_mv https://bibliotecadigital.udea.edu.co/bitstreams/fecef8a2-35bd-4414-a0b5-3688c5c8ea9f/download
https://bibliotecadigital.udea.edu.co/bitstreams/f3768c1c-9871-4f75-8e22-1f14b85cdac5/download
https://bibliotecadigital.udea.edu.co/bitstreams/52b33def-4625-4041-859f-92e9e99e1f62/download
https://bibliotecadigital.udea.edu.co/bitstreams/b2448ca0-f21a-44d8-82d9-db76d14d6a0f/download
https://bibliotecadigital.udea.edu.co/bitstreams/ae6532d4-d091-4609-8979-4f7d27505402/download
https://bibliotecadigital.udea.edu.co/bitstreams/a9d29865-5d90-4504-a0cf-e3aa57ad51fb/download
https://bibliotecadigital.udea.edu.co/bitstreams/d145e478-37fa-4535-9294-f02ec8fdad1b/download
https://bibliotecadigital.udea.edu.co/bitstreams/fa42b40a-d7a4-4462-ac2b-c7d4a7a063b9/download
bitstream.checksum.fl_str_mv e2060682c9c70d4d30c83c51448f4eed
8a4605be74aa9ea9d79846c1fba20a33
6e157505de49146c1b6c518f6e57dd3b
987dbff50cf2e01363c5b5c2eed9056e
93667f941908565fa21f3ba40af0e49e
fa5dd1f47f996e2f6fa0f28638319e59
040a91c2113193a9696ff4f1a14f3d5a
156722c0cd1fd11fa0ea22523a8eb790
bitstream.checksumAlgorithm.fl_str_mv MD5
MD5
MD5
MD5
MD5
MD5
MD5
MD5
repository.name.fl_str_mv Repositorio Institucional de la Universidad de Antioquia
repository.mail.fl_str_mv aplicacionbibliotecadigitalbiblioteca@udea.edu.co
_version_ 1851052280009195520
spelling Loaiza Berrío, DeisyGarcía Toro, Mario Andrés2024-11-28T13:34:53Z2024-11-28T13:34:53Z2024https://hdl.handle.net/10495/43812RESUMEN : Luego de un proceso de migración de móvil a web, la empresa cliente contaba con una recién creada Aplicación Web Progresiva (PWA) lista para crecer en funcionalidades y aumentar el alcance a sus usuarios. Esta PWA está construida utilizando ReactJS, Redux Toolkit para el manejo de estados, react-router para la navegación, react-testing-library para las pruebas unitarias y MaterialUI para el diseño de componentes. El proyecto se centró en la implementación de una característica robusta de mensajería denominada "Messaging", que permitió a los usuarios de la PWA, conocidos como Stylists, comunicarse con sus clientes utilizando la plataforma Twilio y su API para el manejo de mensajes. El objetivo fue integrar esta funcionalidad de manera efectiva, cumpliendo con los requisitos especificados por el cliente, aplicando buenas prácticas de programación y asegurando la calidad del código.ABSTRACT : After a migration process from mobile to web, the client company had a newly created Progressive Web Application (PWA) ready to expand its functionalities and increase its reach to users. This PWA was built using ReactJS, Redux Toolkit for state management, react-router for navigation, react-testing-library for unit testing, and MaterialUI for component design. The project focused on the implementation of a robust messaging feature called "Messaging," which allowed PWA users, known as Stylists, to communicate with their clients using the Twilio platform and its API for message handling. The goal was to effectively integrate this functionality, meeting the client's specified requirements, applying good programming practices, and ensuring the quality of the code.PregradoIngeniero de Sistemas36 páginasapplication/pdfspaUniversidad de AntioquiaMedellín, ColombiaFacultad de Ingeniería. Ingeniería de Sistemashttps://creativecommons.org/licenses/by-nc-sa/4.0/http://creativecommons.org/licenses/by-nc-sa/2.5/co/info:eu-repo/semantics/openAccesshttp://purl.org/coar/access_right/c_abf2Implementación de funcionalidad de Mensajería en una Aplicación Web Progresiva utilizando ReactJS y la API de Twilio. Semestre de IndustriaTesis/Trabajo de grado - Monografía - Pregradohttp://purl.org/coar/resource_type/c_7a1fhttps://purl.org/redcol/resource_type/TPhttp://purl.org/coar/version/c_b1a7d7d4d402bcceinfo:eu-repo/semantics/bachelorThesisinfo:eu-repo/semantics/draftDigitalizaciónDigitizationClientes/Servidores (computadores)Client/server computingServidores webWorld Wide ServersProgramas de navegaciónBrowsersReactReduxPWATwiliohttp://vocabularies.unesco.org/thesaurus/concept7411PublicationCC-LICENSElicense_rdflicense_rdfapplication/rdf+xml; charset=utf-81051https://bibliotecadigital.udea.edu.co/bitstreams/fecef8a2-35bd-4414-a0b5-3688c5c8ea9f/downloade2060682c9c70d4d30c83c51448f4eedMD53falseAnonymousREADLICENSElicense.txtlicense.txttext/plain; charset=utf-81748https://bibliotecadigital.udea.edu.co/bitstreams/f3768c1c-9871-4f75-8e22-1f14b85cdac5/download8a4605be74aa9ea9d79846c1fba20a33MD54falseAnonymousREADORIGINALGarciaMario_2024_IntegracionMensajeriaProgresiva.pdfGarciaMario_2024_IntegracionMensajeriaProgresiva.pdfTrabajo de grado de pregradoapplication/pdf493918https://bibliotecadigital.udea.edu.co/bitstreams/52b33def-4625-4041-859f-92e9e99e1f62/download6e157505de49146c1b6c518f6e57dd3bMD51trueAnonymousREADPoster.pptx.pdfPoster.pptx.pdfAnexoapplication/pdf1549190https://bibliotecadigital.udea.edu.co/bitstreams/b2448ca0-f21a-44d8-82d9-db76d14d6a0f/download987dbff50cf2e01363c5b5c2eed9056eMD52falseAnonymousREADTEXTGarciaMario_2024_IntegracionMensajeriaProgresiva.pdf.txtGarciaMario_2024_IntegracionMensajeriaProgresiva.pdf.txtExtracted texttext/plain52701https://bibliotecadigital.udea.edu.co/bitstreams/ae6532d4-d091-4609-8979-4f7d27505402/download93667f941908565fa21f3ba40af0e49eMD55falseAnonymousREADPoster.pptx.pdf.txtPoster.pptx.pdf.txtExtracted texttext/plain3772https://bibliotecadigital.udea.edu.co/bitstreams/a9d29865-5d90-4504-a0cf-e3aa57ad51fb/downloadfa5dd1f47f996e2f6fa0f28638319e59MD57falseAnonymousREADTHUMBNAILGarciaMario_2024_IntegracionMensajeriaProgresiva.pdf.jpgGarciaMario_2024_IntegracionMensajeriaProgresiva.pdf.jpgGenerated Thumbnailimage/jpeg6220https://bibliotecadigital.udea.edu.co/bitstreams/d145e478-37fa-4535-9294-f02ec8fdad1b/download040a91c2113193a9696ff4f1a14f3d5aMD56falseAnonymousREADPoster.pptx.pdf.jpgPoster.pptx.pdf.jpgGenerated Thumbnailimage/jpeg21136https://bibliotecadigital.udea.edu.co/bitstreams/fa42b40a-d7a4-4462-ac2b-c7d4a7a063b9/download156722c0cd1fd11fa0ea22523a8eb790MD58falseAnonymousREAD10495/43812oai:bibliotecadigital.udea.edu.co:10495/438122025-03-26 19:48:31.739https://creativecommons.org/licenses/by-nc-sa/4.0/open.accesshttps://bibliotecadigital.udea.edu.coRepositorio Institucional de la Universidad de Antioquiaaplicacionbibliotecadigitalbiblioteca@udea.edu.coTk9URTogUExBQ0UgWU9VUiBPV04gTElDRU5TRSBIRVJFClRoaXMgc2FtcGxlIGxpY2Vuc2UgaXMgcHJvdmlkZWQgZm9yIGluZm9ybWF0aW9uYWwgcHVycG9zZXMgb25seS4KCk5PTi1FWENMVVNJVkUgRElTVFJJQlVUSU9OIExJQ0VOU0UKCkJ5IHNpZ25pbmcgYW5kIHN1Ym1pdHRpbmcgdGhpcyBsaWNlbnNlLCB5b3UgKHRoZSBhdXRob3Iocykgb3IgY29weXJpZ2h0Cm93bmVyKSBncmFudHMgdG8gRFNwYWNlIFVuaXZlcnNpdHkgKERTVSkgdGhlIG5vbi1leGNsdXNpdmUgcmlnaHQgdG8gcmVwcm9kdWNlLAp0cmFuc2xhdGUgKGFzIGRlZmluZWQgYmVsb3cpLCBhbmQvb3IgZGlzdHJpYnV0ZSB5b3VyIHN1Ym1pc3Npb24gKGluY2x1ZGluZwp0aGUgYWJzdHJhY3QpIHdvcmxkd2lkZSBpbiBwcmludCBhbmQgZWxlY3Ryb25pYyBmb3JtYXQgYW5kIGluIGFueSBtZWRpdW0sCmluY2x1ZGluZyBidXQgbm90IGxpbWl0ZWQgdG8gYXVkaW8gb3IgdmlkZW8uCgpZb3UgYWdyZWUgdGhhdCBEU1UgbWF5LCB3aXRob3V0IGNoYW5naW5nIHRoZSBjb250ZW50LCB0cmFuc2xhdGUgdGhlCnN1Ym1pc3Npb24gdG8gYW55IG1lZGl1bSBvciBmb3JtYXQgZm9yIHRoZSBwdXJwb3NlIG9mIHByZXNlcnZhdGlvbi4KCllvdSBhbHNvIGFncmVlIHRoYXQgRFNVIG1heSBrZWVwIG1vcmUgdGhhbiBvbmUgY29weSBvZiB0aGlzIHN1Ym1pc3Npb24gZm9yCnB1cnBvc2VzIG9mIHNlY3VyaXR5LCBiYWNrLXVwIGFuZCBwcmVzZXJ2YXRpb24uCgpZb3UgcmVwcmVzZW50IHRoYXQgdGhlIHN1Ym1pc3Npb24gaXMgeW91ciBvcmlnaW5hbCB3b3JrLCBhbmQgdGhhdCB5b3UgaGF2ZQp0aGUgcmlnaHQgdG8gZ3JhbnQgdGhlIHJpZ2h0cyBjb250YWluZWQgaW4gdGhpcyBsaWNlbnNlLiBZb3UgYWxzbyByZXByZXNlbnQKdGhhdCB5b3VyIHN1Ym1pc3Npb24gZG9lcyBub3QsIHRvIHRoZSBiZXN0IG9mIHlvdXIga25vd2xlZGdlLCBpbmZyaW5nZSB1cG9uCmFueW9uZSdzIGNvcHlyaWdodC4KCklmIHRoZSBzdWJtaXNzaW9uIGNvbnRhaW5zIG1hdGVyaWFsIGZvciB3aGljaCB5b3UgZG8gbm90IGhvbGQgY29weXJpZ2h0LAp5b3UgcmVwcmVzZW50IHRoYXQgeW91IGhhdmUgb2J0YWluZWQgdGhlIHVucmVzdHJpY3RlZCBwZXJtaXNzaW9uIG9mIHRoZQpjb3B5cmlnaHQgb3duZXIgdG8gZ3JhbnQgRFNVIHRoZSByaWdodHMgcmVxdWlyZWQgYnkgdGhpcyBsaWNlbnNlLCBhbmQgdGhhdApzdWNoIHRoaXJkLXBhcnR5IG93bmVkIG1hdGVyaWFsIGlzIGNsZWFybHkgaWRlbnRpZmllZCBhbmQgYWNrbm93bGVkZ2VkCndpdGhpbiB0aGUgdGV4dCBvciBjb250ZW50IG9mIHRoZSBzdWJtaXNzaW9uLgoKSUYgVEhFIFNVQk1JU1NJT04gSVMgQkFTRUQgVVBPTiBXT1JLIFRIQVQgSEFTIEJFRU4gU1BPTlNPUkVEIE9SIFNVUFBPUlRFRApCWSBBTiBBR0VOQ1kgT1IgT1JHQU5JWkFUSU9OIE9USEVSIFRIQU4gRFNVLCBZT1UgUkVQUkVTRU5UIFRIQVQgWU9VIEhBVkUKRlVMRklMTEVEIEFOWSBSSUdIVCBPRiBSRVZJRVcgT1IgT1RIRVIgT0JMSUdBVElPTlMgUkVRVUlSRUQgQlkgU1VDSApDT05UUkFDVCBPUiBBR1JFRU1FTlQuCgpEU1Ugd2lsbCBjbGVhcmx5IGlkZW50aWZ5IHlvdXIgbmFtZShzKSBhcyB0aGUgYXV0aG9yKHMpIG9yIG93bmVyKHMpIG9mIHRoZQpzdWJtaXNzaW9uLCBhbmQgd2lsbCBub3QgbWFrZSBhbnkgYWx0ZXJhdGlvbiwgb3RoZXIgdGhhbiBhcyBhbGxvd2VkIGJ5IHRoaXMKbGljZW5zZSwgdG8geW91ciBzdWJtaXNzaW9uLgo=