DEV Community

Cover image for Build a bulk email and sms app with Vue and AWS SES, AWS SNS OR Twilio Part 1
Kevin Odongo
Kevin Odongo

Posted on

3

Build a bulk email and sms app with Vue and AWS SES, AWS SNS OR Twilio Part 1

Hey! if you working on a bulk email and SMS application and you have Vue as your main frontend framework, today's tutorial will come in handy. This tutorial will be in three parts. We build a sample application, integrate with AWS Simple Email Service and last part integrate with Twilio.

## Table Of Contents
* Build Sample Bulk Application
* Intergrate with AWS SES
* Intergrate with Twilio

Building Application

In this part, we are going to build our sample application using Vue and Tailwind.

// create your application
vue create bulk-email-sms-app
// we will manually select Vuex, Unit Testing, and Router
// Once done we will add tailwind
vue add tailwind
Enter fullscreen mode Exit fullscreen mode

In case you want to use a different CSS framework I have an article about adding different CSS frameworks to the Vue project https://dev.to/kevin_odongo35/how-to-add-tailwind-css-bootstrap-vuetify-or-bulma-to-a-vue-project-3on2

Let's create an application as shown in the video and image below. We will have a section we can list all our campaigns, create, edit, and delete a campaign.

Alt text of image

I have added jest testing in the application. Once you Folk or download from Github run the following command

yarn install
yarn jest
Enter fullscreen mode Exit fullscreen mode

Here are the Github links for each application:

AWS SES

https://github.com/kevinodongo/bulk-email-ses-app.git

Twilio

https://github.com/kevinodongo/bulk-email-twilio-app.git

In our next article will handle integrating with AWS Simple Email Service and Twilio.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Cloudinary image

Zoom pan, gen fill, restore, overlay, upscale, crop, resize...

Chain advanced transformations through a set of image and video APIs while optimizing assets by 90%.

Explore

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay