The goal of the task is to implement simple single-page app. It should include this functionality:
- Enter username, load last 50 tweets by given user from Twitter API and list these tweets.
- It will also be possible to work with this tweets list - sort by date and the number of likes (stars) (either ascending or descending)
- Filter tweets: by date, tweet length, number of likes, number of mentions (eg. @user) and hashtags (eg. #hashtag) in tweets, substring occurance, exact match for mention or hashtag. You should use multiple operators dependent on context (eg. equals, not equals, includes, not includes, greater than, less than). The set of filters (and operators) should be easily extensible.
- Statistics of all loaded tweets - shown in modal window and including these stats: sum of all likes, avarage likes per tweet, all mentions in tweets with number of unique occurences (eg. @username: 5x).
Technical requirements:
- Usage of ES2015+ syntax / language features (TypeScript is a 👍 )
- Utilize React and Twitter Bootstrap for UI (eg. https://react-bootstrap.github.io/components/alerts/)
- You may also use Redux for state management and data model
- Development in GitHub repository (share it with us and commit to it as you progress)
- As a scaffolding tool we recommend to use Create React App.
If you struggle, you can contact us anytime and we will provide more information. Also if you stuck at one point, just try to implement the rest of functionality.
Good luck and have fun!
Contact: jana.turcovska@roihunter.com