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

yuzhakova/tweeter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tweeter Project

Tweeter is a simple Single Page App (SPA), Twitter clone.

Project Stack

  • HTML, CSS, JS, jQuery and AJAX on the client-side
  • Node and Express on the server-side

Project Features

  • new tweets are posted with no delay
  • tweets are displayed in reverse chronological order
  • character counter and tweets length validation
  • error message if 140 char limit is exceeded or tweet-box blank
  • responsive design for an optimized user experience
  • animated toggle button to show/hide tweet-box + default text area auto-focus when shown
  • fading toggle button appearing when scrolling down to bring the user back up to the top of the page

Final Product

Desktop view with both toggle buttons shown and tweet-box hidden "desktop-view"

Error message when tweet length exceeded "error-message"

Responsive design "mobile-view"

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.

Dependencies

  • Express
  • Node 5.10.x or above
  • Body-parser
  • Chance
  • md5
  • Moment

Dev Dependencies

  • Nodemon (or Live-server)

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.7%
  • CSS 29.7%
  • HTML 17.6%