Level up your Twilio API skills in TwilioQuest, an educational game for Mac, Windows, and Linux. Download Now
Build the future of communications.
Start building for free
  • By Diane Phan
    How to Use Wrappers in Typescript React header - How to Use Wrappers in Typescript React

    Learning React for the first time can be unnecessarily difficult. Like, seriously - how can React, a JavaScript UI library be such a challenge when it's widely used in the industry?

    You might have heard that React allows you to build custom components that can be reused throughout the project. In fact, after drawing a mockup of the web application you want to build – using boxes – you might notice some patterns or similarities between the components you create.

    With that said, how can you write code as efficiently and clean as possible while dealing with some components that might differ only slightly from another?

    In this article, you'll be exploring how to use wrappers for custom components in a basic Typescript React project so that you can practice writing clean code and reusing components efficiently.

    Tutorial Requirements

    • Node version 14.16.0 or above at the time that this article …
    Read More
  • By Diane Phan
    Your One-Stop Shop to Using Twilio with Python and JavaScript at a Hackathon header - Your One-Stop Shop to Using Twilio with Python and JavaScript at a Hackathon

    If you have played TwilioQuest before, then Twilio APIs might not be completely new for you. There's so much that Twilio has to offer to developers that the only problem you might have is - "What project should I start on at a hackathon?".

    Perhaps you're completely new to the hackathon scene, and that's okay as well!

    That's why I put together an article that's essentially your one-stop shop to hit the ground running within an hour at your hackathon! Plus, other awesome tricks that students might not know that you can easily impress your team with.

    All you need to get started is a free or paid Twilio account. If you are new to Twilio get your free account now! (If you sign up through this link, Twilio will give you $10 credit when you upgrade.)

    Nifty tools

    First off, let's talk about your developer environment. Every coder …

    Read More
  • By Diane Phan
    Build a Fortune-Telling Bot for Lunar New Year with Twilio Functions header - Build a Fortune-Telling Bot for Lunar New Year with Twilio Functions

    To celebrate the Lunar New Year, Twilio Evangelist Lizzie Siegle hosted a stream on her Twitch channel to talk about fun stories and traditions that each culture celebrates. Each year, an animal from the Zodiac calendar not only determines your fortune for the year, but also aspects of your life such as career, compatibility, family, and more. This year, it's all about the Ox.

    Whether you celebrate Lunar New Year or not, finding out your fortune for a new year can be interesting! Thus, Lizzie and I did a live pair programming session where we built and deployed an app for users to text in their zodiac animal and receive their fortune for 2021.

    We used Twilio Functions to deliver advice and good fortune for the year to your friends and family in a simple and quick text. Since Lunar New Year happens every year, there's no reason not to …

    Read More
  • By Diane Phan
    Build a Site with Flask and Twilio Verify for Users to Upload a File header - Build a Flask Site that Allows Authenticated Users to Upload a File

    When it comes to building a website that allows users to upload files and provide their own input, you need to consider what is necessary to protect not only your users, but your project as well.

    This application incorporates Twilio Verify to generate one-time passcodes for your user to verify their identity and access your app. Verify provides an easy to use form of authentication with passcodes delivered to the user's mobile phone. For even more security, consider implementing two-factor authentication.

    After authenticating the users, you can give them the option to upload an image file through your site and store the files in your project directory.

    In this article, you will learn how to develop a functional website to authenticate your users and protect their identity before allowing them to upload an image file to your directory.

    Tutorial requirements

    • Python 3.6 or newer. If your operating system does not …
    Read More
  • By Diane Phan
    How to Send a Romantic Poem Over the Phone with Twilio CLI header - How to Send a Romantic Poem Over the Phone with Twilio CLI

    Do you ever listen to Soulja Boy's song "Kiss Me Thru the Phone" and wonder, "How can I kiss someone through the phone?"

    Whether you have or not, you're probably looking for new creative ways to express your feelings to your loved ones this Valentine's Day.

    With the help of Twilio and your command line, you can deliver a romantic Valentine's Day poem over the phone to your gal pals, best buddies, a special someone, or to yourself! With a project as fun as this, it's hard to restrict yourself from using it on only one day out of the year.

    In this article, you'll be using TwiML and the Twilio CLI to call a phone number and deliver a poem.

    Tutorial requirements

    Read More
  • By Diane Phan
    Send a Valentine's Day Gram with Twilio Functions header - Send a Valentine's Day Gram with Twilio Functions

    Who says you can't be romantic during a quarantine? Although it's fun to send flowers, chocolates, and gifts to your loved ones for Valentine's Day, you can also have fun sending a virtual Valentine gram as well!

    With the help of Twilio Functions, you can deliver a romantic Valentine's Day gram over the phone to your gal pals, best buddies, a special someone, or to yourself! With a project as fun as this, it's hard to restrict yourself from using it on only one day out of the year.

    In this article, you'll be using JavaScript, TwiML, and Twilio Functions to call a phone number and deliver a Valentine's Day message.

    Tutorial requirements

    Read More
  • By Diane Phan
    How to Build a Basic Flask Website to Authenticate Users with Twilio Verify header - How to Build a Basic Flask Website to Authenticate Users with Twilio Verify

    When it comes to protecting your users' information, it can be a hassle to figure out the best course of action. Conveniently enough, Twilio offers solutions to not only bring your project to life, but to help protect your users and their information.

    You can use Twilio Verify to generate one-time passcodes for your user to verify their identity and access your app with the peace of mind knowing that they have a less chance of being hacked. Secure authentication on a site helps reduce the chance of fraud and data loss.  

    In this article, you will learn how to develop a functional website to authenticate your users and protect their identity and access to the site.

    Tutorial requirements

    • Python 3.6 or newer. If your operating system does not provide a Python interpreter, you can go to python.org to download an installer.

    Set up the environment

    Create a project directory …

    Read More
  • By Diane Phan
    Build React Projects with a Background in Python, Flask, HTML, and CSS header - How to Pick Up React from a Python, Flask, and HTML Background

    There comes a time in every developer's life when they have to figure out – do I need to learn a new language for this? Should I stop using Python and try out a JavaScript project? How do I know if React is the right tool for me to use over Vue? There's just so much out there – and you're not alone in having these thoughts.

    Although learning Python can help you pick up other languages, it can be a challenge to figure out which technologies make the most sense for you and your project. In this post, I’ll show you React, a JavaScript library that has plenty of support online from professionals within the industry as well as independent developers.

    In this article we’ll build a simple Flask app and change it so that it can be scaled up further using React. This will help you see the …

    Read More
  • By Diane Phan
    No Hassle, No Stress, Go Serverless! Backend Development Explained for Beginners! header - No Hassle, No Stress, Go Serverless! Backend Development Explained for Beginners!

    So you're new to backend development. You set up the Twilio video and have a sweet web page to host the video on with cute overlays, but how can you start using this with friends and making this official?

    For some developers, the idea of building a backend server might seem daunting especially because there are so many tools to use and different methods of deployment. I get it - it seems a bit overwhelming.

    Fortunately, Twilio has a Serverless Toolkit to save the day! In this article, we'll walk you through the wonders of Twilio's Serverless Toolkit so that you can deploy your awesome JavaScript Twilio Video project with no hassle and no stress.

    Tutorial Requirements

    Read More
  • By Diane Phan
    How to Make a Cute Virtual Mirror Using Twilio Video, JavaScript, HTML, and CSS header - How to Make a Cute Virtual Mirror Using Twilio Video, JavaScript, HTML, and CSS

    I miss using the Purikura machines with my friends in the Japanese inspired arcades because not only were they super fun, but there were a ton of cute and colorful digital stickers that I could throw onto a picture of my friends and I. As someone who loves cute anime characters and pixelated art, I wish all of my selfies or professional video chats could be as cute as the pictures on a Purikura machine.

    Then I realized - I know how to code, so making a pretty overlay for a video IS possible!

    In this article, we'll use Twilio Video's JavaScript SDK to give us a video that we can "draw" over with HTML and CSS. This is an introduction to an app that you can expand on to empower yourself and your friends from home - kind of like a cute mirror you never had!

    Tutorial Requirements …

    Read More
  • Newer
    Older
    Sign up and start building
    Not ready yet? Talk to an expert.