/twitter-clone

CodePath University app, weeks 3 and 4

Primary LanguageSwiftMIT LicenseMIT

Project 4 - twitter-clone

twitter-clone is a basic twitter app to read and compose tweets the Twitter API.

Time spent: 15 hours spent in total

User Stories

The following required functionality is completed:

  • User can sign in using OAuth login flow
  • User can view last 20 tweets from their home timeline
  • The current signed in user will be persisted across restarts
  • In the home timeline, user can view tweet with the user profile picture, username, tweet text, and timestamp.
  • Retweeting and favoriting should increment the retweet and favorite count.

The following optional features are implemented:

  • User can load more tweets once they reach the bottom of the feed using infinite loading similar to the actual Twitter client.
  • User should be able to unretweet and unfavorite and should decrement the retweet and favorite count.
  • User can pull to refresh.

The following additional features are implemented:

  • The current signed in user can logout from their account.
  • Improve the UI.
    • Auto layout implemented, including auto-resizing table view cells.
    • Customize navigation bar tint and title/buttons.

Please list two areas of the assignment you'd like to discuss further with your peers during the next class (examples include better ways to implement something, how to extend your app in certain ways, etc):

  1. Sometimes when tapping favorite button, the favorited image (colored red) will update for other random cells, and not the one that was selected.

Video Walkthrough

Here's a walkthrough of implemented user stories:

Video Walkthrough

GIF created with LiceCap.

Notes

Describe any challenges encountered while building the app.

License

Copyright 2017 Rodrigo Bell

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Project 5 - twitter-clone

Time spent: 15 hours spent in total

User Stories

The following required functionality is completed:

  • Tweet Details Page: User can tap on a tweet to view it, with controls to retweet, favorite, and reply.
  • Profile page:
    • Contains the user header view
    • Contains a section with the users basic stats: # tweets, # following, # followers
  • Home Timeline: Tapping on a user image should bring up that user's profile page
  • Compose Page: User can compose a new tweet by tapping on a compose button.

The following optional features are implemented:

  • When composing, you should have a countdown in the upper right for the tweet limit. (Implemented in lower left.)
  • After creating a new tweet, a user should be able to view it in the timeline immediately without refetching the timeline from the network.
  • Profile Page
    • Implement the paging view for the user description.
    • As the paging view moves, increase the opacity of the background screen. See the actual Twitter app for this effect
    • Pulling down the profile page should blur and resize the header image.
  • Account switching
    • Long press on tab bar to bring up Account view with animation
    • Tap account to switch to
    • Include a plus button to Add an Account
    • Swipe to delete an account

The following additional features are implemented:

  • Tweet timestamp displays interval since tweet was created.
  • Compose/reply screen starts message with @handle of user replying to.
  • User can segue to profile screen from either timeline screen or tweet details screen.
  • Improve UI.
    • Added app icon and launch screen.
    • Auto layout implemented in every screen.
    • Tweets timeline screen shows twitter icon in nav bar.
    • Colors and buttons match those of the official Twitter app.
    • Compose/reply screen tweet button changes color according to whether character count is over or not.
    • Profile images throughout app have rounded corners.

Please list two areas of the assignment you'd like to discuss further with your peers during the next class (examples include better ways to implement something, how to extend your app in certain ways, etc):

  1. Consider adding tab for logged in user info.

Video Walkthrough

Here's a walkthrough of implemented user stories:

Video Walkthrough

GIF created with LiceCap.

Notes

Describe any challenges encountered while building the app.

License

Copyright 2017 Rodrigo Bell

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.