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

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.

Discussion (0)