/tweeter

A twitter clone project done at Lighthouse Labs primarily focused on front-end development.

Primary LanguageJavaScript

Tweeter Project

Tweeter is a Single Page App (SPA) built with HTML, CSS, JS, jQuery and AJAX on the client-side, and Node, Express and MongoDB on the server-side.

Final Product

"screenshot of desktop homepage"

"gif of the responsive design feature"

"gif of the tweeting feature"

Getting Started

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

Dependencies

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

Extras

Added extras include:

  1. Dynamic timestamp from tweet creation to current date.

  2. Navigation bar with functional button for composing tweets.

  3. User toggle to bring back to the top of the page bringing focus to tweet text area.

  4. Full animation for fade in/fadeout of toggle/nav buttons.