Skip to content

A twitter clone project, to help students gain front-end dev chops. Starter (incomplete) code.

Notifications You must be signed in to change notification settings

ArpitaDeb/tweeter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tweeter Project

Tweeter is a simple, single-page Twitter clone. This repository is build upon to practice HTML, CSS, JS, jQuery and AJAX front-end skills, and 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.

Screenshots

  • tweet container "Screenshot of tweet container"
  • posted tweet "Screenshot of posted tweet"
  • responsive tweet compose box "Screenshot of tweet compose box"

Dependencies

  • Express
  • Node 5.10.x or above

Responsive design.

  1. If an user clicks on "WRITE A NEW TWEET" the user will be directed to the tweet text section.
  2. If any user's mouse hovers over one of the tweets it gets highlighted and the text gets bolder with shadow effect.
  3. Word counter turns red if the maximum number of characters is crossed.
  4. Error shows up if tweet texts exceeds 140 characters and if there is no message are posted in the textarea.

About

A twitter clone project, to help students gain front-end dev chops. Starter (incomplete) code.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 52.0%
  • CSS 29.7%
  • HTML 18.3%