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.

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

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

Work flow

• User submit tweets in the tweetbox
• After submission tweets appears below with latest on top.

Functionality

• If user hovers over tweets, the tweet box is surrounded by box shadow.
• If user hovers over icons, icons shows color.
• If exceeds the maximum set limit (140 chars), then characters shows negative value and upon submission notifies user with a text.
• If text content is empty upon submission notifies user to type the tweet.
• Tweets shows its creation instance with user name, avatar and handle.
• Webpage adjusts to screens for desktop and mobile.

Final Product