Tweeter Project

Tweeter is a simple, single-page Twitter clone.

This repository is the starter code for the project: Students will fork and clone this repository, then build upon it to practice their HTML, CSS, JS, jQuery and AJAX front-end skills, and their Node, Express back-end skills.

Everything is pretty straightforward, with all css files being there to style the index.html file.

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

Any required dependencies can also be found in package.json

  • Express
  • Node 5.10.x or above
  • Chance
  • Body-parser
  • md5
  • timeago.js
  • nodemon(this one is kind of optional to be fair, install for convenience' sake)

Basic git commands

  • git status
  • git add
  • git commit
  • git push
  • More can be found at this link https://confluence.atlassian.com/bitbucketserver/basic-git-commands-776639767.html

Screenshots

"Screenshot of the main desktop page" "Screenshot when you make the page smaller" "Screenshot of the locked navbar" "Screenshot of the hover state implemented to the tweet boxes and icons" "Screenshot of a posted tweet" "Screenshot of tweets functionality such as descending order and updated timestamps" "Screenshot of error msg when submitting an invalid input" "Screenshot of updated character count"