twilio-labs / twilio-labs/function-templates
[template request] MMS ticketing example
Open
Nobody has claimed this yet.
good first issue
help wanted
template-requests
- Dominant language
- JavaScript
- Stars
- 406
- Forks
- 348
- PR merge metrics
- No merged PRs in 30d
Description
It would be nice to have an example template that shows how an MMS powered ticketing could work.
User flow:
- Person visits a website (fictitious "Happy Hour" event website)
- Person enters phone number and name
- Person clicks "Issue ticket"
- Button click will trigger a Twilio Function
- Twilio Function will generate a QR code (this can contain a basic JSON for example with the name)
- QR code is sent together with a message of
Hi ${name}! Thanks for registering for the happy hour event. Here's your ticket!via Twilio Messaging (SMS withmediaUrlproperty)
Files needed
index.html,main.jsandstyles.cssin anassets/directory for the event websiteissue-ticket.jsinfunctions/to send out the MMSgenerate-qr-code.jsasfunctions/that receives data in a request parameter to generate a QR code and return it as an image data. (to be usedmediaUrlprop of the MMS)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the requested assets/index.html, assets/main.js, assets/styles.css, functions/issue-ticket.js, and functions/generate-qr-code.js, then trace how the website request reaches the Twilio Function. The work is done when a name and phone number produce a QR-code image and an MMS containing the specified greeting and media URL.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- api, full-stack
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Clearly specified
- Newbie friendliness
- 65/100