Full Stack Chat Web App with Twilio

• Tila: Closed
• Palkinto: $200
• Vastaanotetut työt: 2
• Voittaja: crowleyshaita

Winner

Kilpailun tehtävänanto

* Deploy using GCP
* Use any stack you are comfortable with

Twilio Interface:
* Requires
* account_sid
* auth_token
* Target number
* Fetch twilio #s from given account credentials
* Generate new #s from given account credentials
* Return any Twilio errors digestible for the front end
* Perform direct twilio API requests via a proxy so that the IP is not traceable
* Ensure that a twilio account hold can’t send more than 1 message every two seconds

Web app:
* Errors on any interaction until all twilio requirements are met
* When user enters twilio credentials, suggest that they save those credentials with their browser
* Displays a modal that shows any errors received from twilio, instructs user to login into their twilio account to resolve
* Shows a chat whose title reads “Chat with {target_number}”
* Chat body:
* shows most recent messages stored in cache, sorted by time transmitted
* Shows target_number response on left side of chat
* Shows twilio number used on right side of chat
* Shows multiple twilio numbers used on right side of chat for same target number
* Chat footer:
* Allows paragraph entry <text only>
* Allows selection of different twilio numbers owned by the account
* Numbers become unselectable if twilio responds with that number being blocked due to the user blocking the number
* Question mark above the selector shows information that numbers may be block
* Send button will send the text typed by the user
* New number button will add new numbers to the twilio account and be reflected in the selection
* Set a timer to only allow the user to send a message every 3 seconds, show a count down timer after the user hits send

Callbacks/hooks:
* Whenever a target number responds to a twilio number, update the cache with key: target_number and add to the array

Cache:
* Store array of messages { from_number: <twilio/target number>, message: “text”, transmission_time_stamp: …}
* Arrays are held by a single Key, and that Key is the target_number

Suositellut taidot

• API
• Full Stack Development
• Google Cloud Platform
• JavaScript
• Twilio