Skip to content

Latest commit

 

History

History
49 lines (26 loc) · 1.82 KB

README.md

File metadata and controls

49 lines (26 loc) · 1.82 KB

Tweeter Project

Tweeter is a simple, single-page Twitter clone.

Technology used HTML, CSS, JS, jQuery and AJAX on front-end and Node, Express back-end skills.

Getting Started

  1. Install dependencies using the npm install command.
  2. Start the web server using the npm start command. The app will be served at http://localhost:8080/.
  3. Go to http://localhost:8080/ in your browser.

Features

Responsive Design

The app changes the layout on hitting 1024px or below screen. The profile picture moves to the left.

Toggle Button To Compose Tweet

One can hide or unhide the compose tweet feature using this feature on the nav bar

Scroll to Top Functionality

When a user scrolls down, a button appears in the right bottom. On clicking, it takes the user to the top of the screen.

Hover on Tweet

Hovering over the tweet shows the username and it also draws a border around the box.

Character Count

A user can see the number of characters typed. On submit the tweets prepends to the list.

Animated Error

If it is an empty tweet or the number of characters more than 140, then an error is shown in a small animation.