Tam Pham's Blog

Recently I have embarked on a journey to build the mobile version of our chat application, Talckatoo, using React Native and Expo (an open-source platform for making universal native apps for Android & iOS). In this post, I’ll delve into the intricacies of developing audio messages, a process that I found to be one of the…

This is an example of the JSON file that we will work on. You can find the repo here: https://github.com/Miminiverse/staff-directory-table You can find index.html and styles.css in the repo. The js file will contain all the logic to upload the JSON file and create a table to store info. I found this very straightforward and…

Memoir Empowering Productivity: A Voice-Activated To-Do App with Multilingual Translation and Built-in ChatGPT Support Inspiration Imagine a world where you can be hands-free while taking notes, whether you’re driving or simply prefer speaking over typing. My app offers a groundbreaking solution with built-in speaker support to make your life easier. This is especially valuable for…

Building a Chrome Extension was a real challenge especially with Plasmo — a relatively new framework. It was a take-home assignment and I needed to finish it in less than 24 hours. What initially seemed impossible turned into a valuable learning experience. In this article, I will share how I overcame this challenge and the…

We couldn’t find any real chat app that allows seamless communication with individuals who don’t speak the same language. If we want to communicate with someone who doesn’t understand our language, we both have to go through the tedious process of copying and pasting messages into an external translation tool like Google Translate. Additionally, sending…

Starting POSTMAN testing! Change NODE_ENV=test Open Postman, click Import on the left corner Choose GitHub Select as below We will have all of the testing collection in here Click on each collection, and choose run collection Run the test

This is one of the simplest but also challenging project I have built for myself while I want to track the price change to catch a deal of my favorite Bose headphone. It took me more than 20 times to finally get it deployed and ran daily with Digital Ocean. It was fun and that…

Here are the very first design of our MentorUp Application

Role-based access control (RBAC) is a crucial feature in many applications that ensures users have the right permissions based on their roles. Despite its importance, there’s only a few resources explaining how to build this feature in Node.js and Express. In this article, I’ll demonstrate how to successfully deploy RBAC in your application. Step 1:…

It will be extremely useful when we can log in with our Google Account and set up any schedule with Google Calendar First we will need to set up a litte bit in the front end. In the login page in React, we add this function on onClick even Google sign in button: BASE_URL is…

When I first started React, I used CREATE_REACT_APP, then I would like to add TypeScript but it was very tricky, hopefully this helps! During configuration I had an issue to import tsx files so I have to create a tsconfig.json 3. Create tsconfig.paths.json file, add these lines. In the “paths”, you can add whatever path…

In the previous part, I provided an overview of our powerful chat application which offers real-time multilingual translations. In this part, we will delve into the backend how we set up all the routes, and also how we use socketIO to get real-time functionalities. Our application revolves around three essential models: User, Conversation, and Message.…

We’re a team of dynamic individuals who recently graduated from a coding BootCamp. Our inspiration stems from the language barrier issue, and we’ve taken on the challenge to address it directly. The result is Talckatoo, a chat app we’ve developed using SocketIO, Express.js, and React. Our goal? To dissolve language barriers through real-time translation, enabling…