Tweeter Project

Tweeter is a simple, single-page Twitter clone. Hosted VIA Heroku

This was built to practice my HTML, CSS, JS, jQuery and AJAX front-end skills, and my Node, Express and back-end skills. Some details about this project...

1. Composing Tweets are hidden until the 'Write a new Tweet' down arrow is clicked, which then animatedly slides the composer into view.
2. Everytime you submit a tweet, a profile will appear that 'tweets' that very message.
1. Tweets are limited to 1-140 characters, with HTML coded error messages that appear if limits are invalidated.
2. Characters are calculated on 'keyup' in real-time to keep the user updated about how many characters they have left.
3. Composing a tweet features a temporary 'loading' class on the tweets to induce opacity while waiting for retrieval of tweets
3. Profile picture is dependent on '/public/images/profile-hex.png' and can be replaced with the same name to replace the picture.
4. Hovering over a 'tweet' will focus the 'tweet' and reveal the 'handle' and likes/retweet/report flags
5. Secure:
1. Tweets are prevent scripting. Scripts that try to empty out the database and the like, will be outputed as plain-text.
6. MediaQuery:
1. Product shifts to accomondate viewing from desktops, tablets, and mobiles.

Final Product

Getting Started

1. Fork this repository, then clone your fork of this repository.
2. Install dependencies using the npm install command.
3. Start the web server using the npm start command. The app will be served at http://localhost:8080/.
4. Go to http://localhost:8080/ in your browser.

Dependencies

• Express
• Node 5.10.x or above
• Body-parser^1.15.2
• Chance ^1.0.2
• Md5 ^2.1.0