etseng02 / tweeter

A twitter clone project using jQuery to render components without refreshing the page.

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 and MongoDB back-end skills.

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 run local 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
• chance
• body-parser

Final Product

This is how the main page of the tweeter app will look like.

You will be able to post a tweet by clicking on the top right. This will trigger an toggle animation and display a compose tweet form.

If you enter a tweet that is under 140 characters it will prepend the tweet to the top of the list.

If you enter an empty tweet or one that is over 140 characters an error message will appear.