Git Product home page Git Product logo

twitter's Introduction

CoderSchool FTW - Twitter

Created with love by: Team 1

View online at here

Required User Stories

  • The user should be able to enter a message into a text field.
  • The user should be able to press "Tweet" and see the message pop in below the text box.
  • The user should see a "count" that displays how many more characters the user has remaining, counting down from 140.
  • Upon tweeting, the characters remaining text should reset back to 140, and the field should be cleared.
  • The application should disallow text of greater than 140 characters.
  • The user should be able to "Retweet". Clicking Retweet immediately inserts a copy of that tweet below the original tweet.
  • The user should be able to "Like". When "Like" is clicked, the text should change to "Unlike". When "Unlike" is clicked, the text should change to "Like". Alternatively, use a heart icon (colored or not colored).
  • When a "Liked" tweet is retweeted, the new tweet should not be liked.
  • Each tweet has an optional hashtag. The hashtag should be linked with an anchor tag.
  • The user should be able to delete a tweet.

Optional Stories

  • Download and upload the list of tweets using the myjson api, as shown in class.
  • Users can mention other users. Any string that starts with @username will be highlighted in blue.
  • The user can click on a hashtag, and only other tweets with that hashtag are shown.
  • When the user deletes a tweet, all retweets should be deleted.
  • Any tweet with an image URL will have the image automatically expanded in the tweet.

things to improve:

functions

  • change order of tweets by newest first
  • API Myjson may not be able to save html syntax (tweet.body) -> might need to save only the tweet plain-text content to tweet.body and find a way to deploy

design

  • responsive optimized

twitter's People

Contributors

freerangeunicorn avatar haichungcn avatar phongvu07 avatar thanhhuy0611 avatar

Watchers

 avatar

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.