https://github.com/philnash/send-sms-react-twilio
An example React application that can send SMS messages via the Twilio API
https://github.com/philnash/send-sms-react-twilio
javascript react reactjs sms twilio twilio-sms
Last synced: 6 months ago
JSON representation
An example React application that can send SMS messages via the Twilio API
- Host: GitHub
- URL: https://github.com/philnash/send-sms-react-twilio
- Owner: philnash
- License: mit
- Created: 2018-10-23T08:09:45.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-07-19T00:30:51.000Z (about 2 years ago)
- Last Synced: 2025-03-27T17:47:00.744Z (7 months ago)
- Topics: javascript, react, reactjs, sms, twilio, twilio-sms
- Language: JavaScript
- Size: 2.71 MB
- Stars: 41
- Watchers: 4
- Forks: 25
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Send SMS with React and Twilio
This is an example of sending SMS using React and Twilio. It consists of a `SMSForm` component that communicates with a server endpoint to [send SMS messages via the Twilio REST API](https://www.twilio.com/docs/sms/send-messages).
To see how to build the project yourself, check out the blog post [How to send an SMS from React with Twilio](https://www.twilio.com/blog/send-an-sms-react-twilio).
This project was created from the [react-express-starter project](https://github.com/philnash/react-express-starter) and includes a React front end and an Express server.
## Running the project
To run the project you will need a Twilio account 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.
Then, clone the project, change into the directory and install the dependencies.
```bash
git clone https://github.com/philnash/send-sms-react-twilio.git
cd send-sms-react-twilio
npm install
```
Copy the `.env.example` file to `.env` and fill in your Twilio credentials and phone number.
Start the application on its own with the command:
```bash
npm run dev
```
Open the app at [localhost:3000](http://localhost:3000). You can now use the form to send SMS messages via your Twilio number.