Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lelouchb/react-twilio-sms-serverless
Use Serverless Functions to Send an SMS with React, Twilio Programmable SMS, and Vercel
https://github.com/lelouchb/react-twilio-sms-serverless
react react-bootstrap serverless twilio twilio-api twilio-sms-api vercel vercel-serverless
Last synced: 20 days ago
JSON representation
Use Serverless Functions to Send an SMS with React, Twilio Programmable SMS, and Vercel
- Host: GitHub
- URL: https://github.com/lelouchb/react-twilio-sms-serverless
- Owner: lelouchB
- License: apache-2.0
- Created: 2020-09-09T08:12:51.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-02-20T04:57:37.000Z (over 2 years ago)
- Last Synced: 2024-10-12T08:41:51.913Z (about 1 month ago)
- Topics: react, react-bootstrap, serverless, twilio, twilio-api, twilio-sms-api, vercel, vercel-serverless
- Language: JavaScript
- Homepage:
- Size: 3.69 MB
- Stars: 5
- Watchers: 2
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Use Serverless Functions to Send an SMS with React, Twilio Programmable SMS, and Vercel
![UI](https://i.imgur.com/cP85djM.png)To see how to build the project yourself, check out the [blog post](https://www.twilio.com/blog/use-serverless-functions-send-sms-react-vercel-twilio).
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Running the project
To run the project you will need a [Twilio account](www.twilio.com/referral/JbKvV2) and a Twilio phone number that can send SMS messages. Gather your Twilio Account Sid and Auth Token from the [Twilio console](https://www.twilio.com/console) and the phone number.
Clone the project, change into the directory and install the dependencies.
```bash
git clone https://github.com/lelouchB/react-twilio-sms-serverless.git
cd react-twilio-sms-serverless
npm install
```
Install `vercel` on your local machine.```bash
npm install --global vercel
```Copy the `.env.example` file to `.env` and fill in your Twilio credentials and phone number.
Initiate a Vercel project:
```bash
vercel
```Start the application on development server:
```bash
vercel dev
```Open the app at [localhost:3000](http://localhost:3000). You can now use the form to send SMS messages via your Twilio number.