DEV Community

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

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

kevin_odongo35 profile image Kevin Odongo ・2 min read

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.

Discussion (0)

pic
Editor guide