twilio-labs / twilio-labs/function-templates

[template request] MMS ticketing example

Open
#74 1 comment 0 reactions 0 assignees View on GitHub

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 with mediaUrl property)

Files needed

  • index.html, main.js and styles.css in an assets/ directory for the event website
  • issue-ticket.js in functions/ to send out the MMS
  • generate-qr-code.js as functions/ that receives data in a request parameter to generate a QR code and return it as an image data. (to be used mediaUrl prop of the MMS)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.