Capstone 1: Multilingual Twitter

Thinkful Capstone #1 project

DEMO on Heroku

Use Case

Users are able to query twitter with a keyword and return results based on a limited number of tweets. The tweets will be displayed in a list, and a translate tool box will appear above the tweets list. Users can choose a language and it will translate the tweets into the selected language. Individual tweets can be tweeted out using a tweet button that opens a twitter modal that allows user to edit the text. Users also will be able to toggle between the original language and translated language of the individual tweets. Users can also click on the avatar and username/handle to go to the twitter's user page.

Technologies Used

• HTML
• Sass + CSS
• JavaScript/jQuery 2.2.3
• Heroku
• Node + Express
• Gulp.js

APIs

• Twitter API (ran on a heroku server)
• Yandex Translate API

User Flow

Here is an image of the user flow about how users may interact with the app.

Wireframes

Here is an image of the wireframes for the app.

Screenshots

Here are samples of the pieces of application.

• Landing Page:
• Search Results:
• Translation Dropdown:
• Translate Results:
• Toggle Translation:
• Share Tweet: