DEV Community: JJOA

Whatsapp Chatbot Multitenant - Whatsapp Cloud API

JJOA — Sat, 01 Nov 2025 22:11:58 +0000

Hello everyone,

I’m working on my SaaS, which is a multi-user chatbot for WhatsApp. In other words, it will be a single chatbot that serves multiple clients (WhatsApp numbers) who receive questions on their WhatsApp accounts. The chatbot’s logic will read which number received the message and, based on that, will retrieve specific information to respond. I’m using Python, Flask, and the WhatsApp Cloud API. I’m building an MVP that I’ll use to validate with potential clients. It's really sad that I cannot communicate with some customer/business support from Whatsapp, I need to be a tech provider or Business Provider to have access to it.

I have the following questions:

Do I need to be some kind of Meta partner (Tech Provider, Business, etc.) to create my business/company (Chatbot) and use the WhatsApp Cloud API in my multi-tenant chatbot?
Do my clients’ numbers need to be WhatsApp Business numbers (WABAs), or can they be regular WhatsApp numbers?

Thanks.

I’d like to hear from experts in chatbot development

JJOA — Sat, 19 Jul 2025 00:29:59 +0000

I’m working on programming a chatbot. Here’s what my MVP looks like and how I plan to start:

The chatbot will initially integrate with WhatsApp. (Later on, I want to make it omnichannel to support other social networks.)

It will be a multi-client chatbot. I’ll build the backend in Python, and each customer will integrate it with their own WhatsApp account.

Each customer will have a Google Sheet on their computer containing their data. At the beginning, the chatbot will read and retrieve information from that sheet. (Later, I plan to develop a simple ERP system and a dashboard so customers can manage the chatbot more easily.)

I’m based in Peru, South America. I want to start with low-cost tools, databases, and infrastructure. However, as the project grows, I plan to invest in better technology, infrastructure, and a team.

Eventually, I want to integrate the chatbot with an ERP. It will start with just a few basic modules, but I’ll gradually add more features as the platform grows.

I’d appreciate any suggestions, opinions, or best practices on how to build a scalable solution from the beginning—so I don’t face limitations or obstacles later on in terms of chosen technologies, databases, backend language, or WhatsApp API providers (like Twilio or 360Dialog).

Should I use a provider at first, or would it be better to build the WhatsApp integration myself without intermediaries?

Mastering Web Performance: Understanding the Pixel Pipeline

JJOA — Sat, 12 Oct 2024 18:51:06 +0000

As web developers, and especially for those of us who specialize in frontend development, it is essential to understand how browsers work, the communication protocol on the web, web accessibility, and more.

In this case, I’m sharing something to keep in mind to improve the performance of our websites and thus enhance the user experience. This is about the Pixel Pipeline.

What is the Pixel Pipeline?

The Pixel Pipeline is a process that describes how web browsers convert HTML, CSS, and JavaScript into visual elements displayed on the screen

There are five main areas you should know and consider in your work as a web developer. These five areas are what you have, and each one represents a key point in the pixel pipeline to the screen:

JavaScript: JavaScript is typically used to handle work that will result in visual changes to the user interface. For example, this could be jQuery's animate function, sorting a dataset, or adding DOM elements to the page

Style calculations: This is the process of figuring out which CSS rules apply to which HTML elements based on matching selectors. For example, .headline is an example of a CSS selector that applies to any HTML element with a class attribute value that contains a class of headline.

Layout: Once the browser knows which rules apply to an element it can begin to calculate the geometry of the page, such as how much space elements take up, and where they appear on the screen.

Paint: Painting is the process of filling in pixels. It involves drawing out text, colors, images, borders, shadows, and essentially every visual aspect of the elements after their layout on the page has been calculated.

Composite: Since the parts of the page were potentially drawn onto multiple layers, they need to be applied to the screen in the correct order so that the page renders as expected.

So, knowing the above, we can understand the resource costs for animations where we resize an element, which will involve going back to the Layout process, then to the Paint process, and finally to the Compose process.

On the other hand, creating animations that involve changing the text color or the background color of an element will only require going to the Paint process and then moving on to the Compose process.

Recommendations to improve your website's performance and enhance user experience

i) Try to avoid creating too many animations whenever possible.
ii) If you want animations, limit yourself to the transform and opacity properties when animating, as these properties will only need to go through the Compose process, which is the last step of the Pixel Pipeline. For example: When animating a button with the hover pseudo-class, it’s better to use opacity rather than changing its background color.
iii) If we want to move an element as part of an animation, it’s better to use 'will-change' or the 'transform' property with its translate values.

Sources I based this post on:
https://web.dev/articles/stick-to-compositor-only-properties-and-manage-layer-count?hl=es
https://web.dev/articles/rendering-performance

Free course on Browser Rendering Optimization taught by Paul Lewis, an expert engineer in all things related to performance and the creator of Lighthouse (Google Lighthouse is an open-source automated tool for measuring the quality of web pages), a tool within the Chrome DevTools:
https://www.udacity.com/course/browser-rendering-optimization--ud860

Improve your English with these Youtube channels

JJOA — Fri, 05 Apr 2024 11:49:29 +0000

In the internet we can find very good resources to learn and improve our English for non-native speakers. One of these great resources is Youtube, which is already a world of different video resources there.

Here I share with you really valuable Youtube channels to improve your English:

I) iswearenglish: It is a Youtube channel of a teacher, which shares more resources and knowledge for C1 & C2 English level.

II)To The Point - English with Ben: He is The teacher for Cambridge exams and I use 'The' with capital t, because his videos are incredible valuable and every second is gold for the ones who are preparing for Cambridge exams no matter your level.

III)English with Lucy: She is from the UK, so if you want to learn british English, then she is the one for it, her channel focus on grammar, vocabulary and pronunciation.

IV)TEDx Talks: And I can not leave without mention to TEDX Talks videos, you learn a lot from listening and even more from the knowledge of different professionals.

If you nurture your brain with the resources of these different channels you will be unstoppable in your path to improve your English.

Los Podcasts que te ayudarán a mejorar tu English Listening

JJOA — Mon, 25 Mar 2024 10:56:53 +0000

El Listening es una de las áreas más importantes en cualquier idioma que deseemos aprender, ya que si desarrollamos una buena "Escucha/Listening" del idioma podremos entenderlo y diferencias palabras y saber lo que nos quieren comunicar.

Hoy te comparto dos recursos que harán que tu Listening mejore increiblemente:

i) BBC Learning English
El canal de la BBC en Youtube está destinado a la enseñanza del idioma ingles, tiene historias en ingles, además de videos educacionales de palabras muy interesantes y frecuentemente usadas en Ingles. Escucha sus videos mientras estés haciendo otras cosas y créeme que tu Listening mejorará increíblemente (Aún si no entiendes lo que escuchas)

ii) Thinking Allowed
Otro recurso para mejorar tu Ingles brindado por la BBC, este recurso es ESENCIAL si te estás preparando para rendir algún examen de Cambridge, en especial el C1(CAE) o C2(CPE). Además, tiene temas muy interesantes de los que trata en ellos.

Herramientas super poderosas para aprender a pronunciar en Inglés

JJOA — Fri, 08 Mar 2024 15:46:23 +0000

El Ingles es fundamental para crecer profesionalmente, como persona y en muchas otras áreas de la vida.

Su aprendizaje debe ser divertido y llevarnos a querer más de el. Lo bueno en los idiomas es que uno puede aprender a cualquier edad y su aprendizaje trae muchos beneficios para el cerebro de las personas.

En este Post te comparto herramientas super útiles para saber como se pronuncia en Inglés y además hablado/pronunciado por nativos.
Lo que ayuda mucho es escuchar y repetir tratando de imitar su acento, además podemos hacer oraciones con dichas palabras.

Acá están estas 3 herramientas:

I)Youglish: Herramienta poderosa que funciona como youtube, escribes una palabra en el buscador y esta te traerá un video con contenido profesional como un documental, TedTalk u otro relacionado en donde se use dicha palabra que ingresaste. Esta herramienta es mi favorita.
Link: Youglish

II)Howjsay: Es una herramienta muy útil, en la cuál ingresas la palabra a buscar y esta te trae diferentes resultados de pronunciaciones de diferentes países de habla inglesa.
Link: Howjsay

III)Howtopronounce: Es una herramienta alternativa a las otras dos anteriores, esta herramienta es en sí un diccionario de pronunciaciones.
Link: Howtopronounce

Herramientas que harán increíble a tu Ingles

JJOA — Fri, 09 Feb 2024 12:15:02 +0000

El Ingles es fundamental para crecer profesionalmente, como persona y en muchas otras áreas de la vida.

Gracias a la tecnología de hoy en día podemos acceder a miles de recursos online y gratuitos que nos ayudan a cada día ser mejor en el uso del Ingles.

Hoy te comparto 2 recursos super útiles para llevar a cabo este propósito. Actualmente me estoy preparando para tomar el C2/CPE de Cambridge y a lo largo de esta ruta de aprendizaje fui encontrando estos recursos maravillosos:

I) NEWS IN LEVELS

Esta página web comparte noticias de diferentes ámbitos como economía, tecnología, ciencia, etc. La gran mayoría son noticias actuales y lo más importante que separa en niveles las noticias así hace que el lector pueda elegir la noticia según el nivel que quiere practicar. Lo mejor es que se requiere menos de 10 minutos al día ya que las noticias son resumidas y con una calidad en el vocabulario.

Con esto mejoramos:

Tu comprensión lectora en Ingles
El vocabulario
El uso del idioma
E inclusive la concentración

II) WRITE & IMPROVE WITH CAMBRIDGE

Uno en su día a día tiene que escribir emails en Ingles para los clientes, para comunicarse con los compañeros en el trabajo y en otros ámbitos profesionales. En estos casos nuestro Ingles tiene que ser formal y profesional. Esta herramienta viene a ayudarnos a mejorar de una manera increíble en nuestro escritura del Ingles.

Esta herramienta ayuda a:

Mejorar y perfeccionar tu escritura en Ingles
A obtener una corrección profesional de tus errores en la escritura
Aprender expresiones necesarias al momento de escribir emails, propuestas, documentaciones, etc

Sígueme en mi cuenta que estaré compartiendo recursos valiosos sobre cómo mejorar tu Ingles, programación y desarrollo personal.

First Open-Source Contribution

JJOA — Mon, 29 Jan 2024 12:35:28 +0000

As developers, we seek the best resources to enhance our skills such as: watching video courses, reading documentation, etc. However, we may not feel adequately prepared to apply for a developer job. Open-source contributions can provide the hands-on experience required for most job vacancies.

In this post I will show you how to make your first-ever open-source contribution. This way, you can gain the confidence that you can achieve it and even more.

WHY TO DO IT?

Have you ever come across a job vacancy that requires "experience"? In open-source projects, you can contribute to large, professional projects used by millions of users, adding your knowledge and value to the product. This allows you to gain experience across various types of projects, such as e-commerce, health apps, Fintech, etc.

BENEFITS OF CONTRIBUTING TO OPEN-SOURCE PROJECTS

✔ You can practice your programming language and your Git skill as well.
✔ Read and understand professional code and its structure/architecture.
✔ Practicing your soft skills.
✔ Work as a part of a team.
✔ Get your code reviewed by seasoned engineers.

HOW TO DO IT?

Let's dive straight into contributing to an open-source project for the first time.

We will contribute to the repository of "First contributions". You can go to the following link: https://github.com/firstcontributions/first-contributions

Once there in the page of the previous link, we will clone the repository:

I) First step: We will fork the repository to create a copy of this repository into our account.

II) Second step: We will go to our account and look for the forked repository of "first-contributions" and we will copy the "web url link" to clone it in the next step.

III) Third step: We will clone it into our local machine / computer using the following git command:
git clone "replace this with the web url link copied in the previous step"

I recommend to clone it on your desktop, so you have the folder of "first-contribution" there and you can drag and drop it into your favorite code editor, I will use VS Code. Please, check that you are in the right route(A) and in the "cmd" console("B" If you're using Windows)

IV) Fourth step: We will create a new branch and switch into it, we can do each one by separate actions, but this time we will use the command 'git switch', which creates a new branch and switch into it thanks to the expression '-c', in the previous image there is my example using the name of the new branch I wanted to give.

Git command: git switch -c your-new-branch-name

Replace 'your-new-brach-name' for the name you want to give to your branch. I want to give the name 'happy-coding' to my new branch, so I will execute:
**git switch -c happy-coding*

V) FIfth step: We will finally do our contribution, go to the file Contributors.md , add your github name and the link to it, follow the structure of the previous contributions made by other people.

VI) Sixth step: Once you added you're done with fifth step, we will commit and push our changes. Execute the following git commands, review that you are in the right path.

git add Contributors.md
git commit -m "Add your-name to Contributors list"

Replace "Add your-name to Contributors list for some commit message, an example: git commit -m "My new contribution JJOA" git push -u origin your-branch-name

VII) Seventh step: We are almost done, now we need to go to our github account, then to our forked repository of "first-contributors", now click on the "Compare & pull request" and add your message on the Readme and it is done, you have did your first open-source contribution!

Wonder you enjoyed it and gave you the motivation to dive deep into open-source contributions, I will keep posting posts related to open-source, if you have any question just direct message me I will be glad to help you.

Here is the link for the video I created explaining all the previous process: https://youtu.be/gHGLlr9L9X8

First Open Source Contribution

JJOA — Fri, 29 Dec 2023 11:40:09 +0000

The Best Podcasts For Devs

JJOA — Thu, 10 Feb 2022 00:40:10 +0000

Hey there, lately I am introducing myself into the podcast world, it is incredible how much resources for programmers there are, for every level and can find big wolfs of the industry giving their time to make a podcast, I was listening "From Junior To Senior" Podcast on Spotify, huge recommended.

This is my first Post and wonder not the last one, I am new on this website, just wanted to share this knowledge and of course was exciting to post, please if you have recommendations to where find great podcasts for devs comment below

Tnx !!!