Tweeter Project

Tweeter is a simple, single-page Twitter clone.

The project is mainly for front-end features using HTML, CSS, JS, jQuery and AJAX front-end skills. The back-end is built with Node and Express. There's no database so the data is not persistent.

Getting Started

1. Create a new repository using this repository as a template.
2. Clone your repository onto your local device.
3. Install dependencies using the npm install command.
4. Start the web server using the npm run local command. The app will be served at http://localhost:8080/.
5. Go to http://localhost:8080/ in your browser.

Dependencies

• Express
• Node 5.10.x or above
• body-parser
• chance
• md5

Features

• Dynamic views: desktop and mobile/tablet
• Secure: no XSS hacking!
• Thorough validation: counter turns red to indicate exceeding of character limit
• Non-intrusive errors: errors displayed non-intrusively and smoothly when submit is clicked
• Instant tweets: no need for refreshing the page, jQuery/AJAX got it made!
• 🆕 Hide tweet box: for unobstructed tweet reading experience 🚨

Screenshots

Tweeter - Desktop View

Tweeter - Mobile/Tablet View

Client-side Validation - Clicking Submit

Client-side Validation - Dynamic Counter

Hide Tweet Box for More Reading