Coder Social home page Coder Social logo

twi-light's Introduction

Twilight

Codepath Project: Simple Twitter Client

Time taken:

Part 1

4 hours 50 minutes

Part 2

17 hours

Completed User Stories

Required

Part 1

  • User can sign in to Twitter using OAuth login
  • User can view the tweets from their home timeline
    • User should be displayed the username, name, and body for each tweet
    • User should be displayed the relative timestamp for each tweet "8m", "7h"
    • User can view more tweets as they scroll with infinite pagination
  • User can compose a new tweet
    • User can click a "Compose" icon in the Action Bar on the top right
    • User can then enter a new tweet and post this to twitter
    • User is taken back to home timeline with new tweet visible in timeline

Part 2

  • User can switch between Timeline and Mention views using tabs
    • User can view their home timeline tweets
    • User can view the recent mentions of their username
    • User can scroll to bottom of either of these lists and new tweets will load (infinite pagination)
  • User can navigate to view their own profile and see:
    • Picture
    • Tagline
    • # of followers
    • # of following
    • Tweets
  • User can click on the profile image in any tweet to see another user's profile and see the same categories as the user profile

Optional

Part 1

  • Additional UI
    • Links in tweets are clickable and will launch the web browser
    • User can see a counter with total number of characters left for tweet
  • User can see embedded image media within the tweet detail view
  • Additional Actions
    • User can refresh tweets timeline by pulling down to refresh
  • Persistence
    • User can open the twitter app offline and see last loaded tweets. Tweets are persisted into SQLite and acan be displayed from the local DB
  • UI Improvements
    • Compose activity is placed with a modal overlay

Part 2

  • Additional UI
    • User can view followers/following through the profile
    • When a network request is sent, user sees an indeterminate progress indicator
  • Additional Actions
    • User can "reply" to any tweet on their home timeline
      • The user that wrote the original tweet is automatically @ replied in compose
    • User can click on a tweet to be taken to a "detail view" of that tweet, and take the following actions
      • Favorite
      • Unfavorite
      • Retweet
    • User can search for tweets matching a particular query and see results
    • User can view their direct messages
      • User can send new direct messages
  • Robustness
    • Implement tabs in a gingerbread-compatible approach
    • Robust error handling
      • Check if internet is available
      • Handle error cases
      • Handle network failures
  • UI Improvements
    • Improve the user interface and theme the app to feel "twitter branded" (or not)

Walkthrough of All User Stories

Demo

GIF created with LiceCap.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.