Skip to content

Latest commit

 

History

History
43 lines (33 loc) · 1.6 KB

README.md

File metadata and controls

43 lines (33 loc) · 1.6 KB

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

"Desktop View"

Tweeter - Mobile/Tablet View

"Mobile View"

Client-side Validation - Clicking Submit

"No character error"

Client-side Validation - Dynamic Counter

"Dynamic counter"

Hide Tweet Box for More Reading

"Hide Tweet Box"