Skip to content

A twitter clone project, to help gain front-end dev chops.

Notifications You must be signed in to change notification settings

NColusso/tweeter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

85 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tweeter Project

Tweeter is a simple, single-page AJAX-based Twitter clone that uses JQuery, HTML5 and CSS3.

Features include:

  • A layout optimized for desktop, and one screens below 1024px (such as mobile or tablet)
  • Error messages pop up when tweet is empty or too long
  • Counter for number of characters left in tweet
  • When clicking arrow for "Write a new tweet" at top it will focus pointer into tweet text area
  • Will immediately post tweet below and show times of when tweets were posted
  • Visual effect on "hover" of existing tweets

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.

Screenshots

Desktop Layout

"Screenshot of 'desktop' layout"

Mobile Layout

"Screenshot of 'mobile' layout"

Hover effects

"Screenshot of hover effects"

Dependencies

  • Express
  • Node 5.10.x or above

About

A twitter clone project, to help gain front-end dev chops.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 58.2%
  • CSS 26.4%
  • HTML 15.4%