Use the Twitter API to display three columns containing the last 30 tweets from @MakeSchool, @newsycombinator and @ycombinator. Each tweet should include:
- The tweet content
- A well-formatted created_at date
- A link to the tweet
- For retweets and mentions, the username should be included.
- Make an ”edit layout” view that has a form to change the layout settings.
- Use LocalStorage to persist and load the layout settings.
- Configurable settings could include (you decide; you can pick your own):
- The order of the columns.
- The time range of the tweets shown.
- The number of tweets shown in each column.
- The overall palette/skin of the page.
- The”edit layout” panel can appear either on the same page as the tweets page, on its own page, or embedded within the tweets layout - whichever you would like. There should be a straightforward way to toggle between edit and view modes, and it should be clear to the user which mode they are currently in.
If you feel inspired, here are more things you can do:
- Ensure a good responsive experience on mobile phones and tablets
- Use an interaction (like drag and drop) instead of a form field to order the columns
- Add another feature you feel is missing from our application
- Adding unit tests will be great
- Twitter API can be accessed via local proxy:
- under server directory
- The proxy server should be already running in the background.
If you provided correct credentials for your Twitter API and Twitter Secret Key, you should now be able to use the api as the example below:
http://localhost:7890/1.1/statuses/user_timeline.json?count=30&screen_name=makeschool
This project was generated with ng-cli - so you know what to do