Skip to content

iamkapilgarg/tweeter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

76 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

A twitter clone project, built with HTML, CSS, JS, JQuery and Ajax

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 59.6%
  • CSS 22.6%
  • HTML 17.8%