Skip to content

Tweeter is a simple, single-page Twitter clone. The page is responsive and features laptop/desktop, tablet and mobile view layouts.

Notifications You must be signed in to change notification settings

AliceMathews/tweeter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tweeter Project

Tweeter is a simple, single-page Twitter clone. The page is responsive and features laptop/desktop, tablet and mobile view layouts.

Final Product

Screenshot of the page on load Screenshot of the page on load

Screenshot - when 'create new tweet' button has been clicked. Cursor defaults to the text area. "Screenshot - when 'create new tweet' button has been clicked. Cursor defaults to the text area."

Screenshot - tweet counter dynamically counts down as user types their tweet Screenshot - tweet counter dynamically counts down as user types their tweet

Screenshot - tweet counter changes to red if the user goes over the limit. If they try to submit they will get an error message. Screenshot - tweet counter changes to red if the user goes over the limit. If they try to submit they will get an error message.

Screenshot - tweet button clicked, form closes and new tweet loads at top of page Screenshot - tweet button clicked, form closes and new tweet loads at top of page

Screenshot - iPad view Screenshot - iPad view

Screenshot - mobile view Screenshot - mobile view

Getting Started

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

Dependencies

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

About

Tweeter is a simple, single-page Twitter clone. The page is responsive and features laptop/desktop, tablet and mobile view layouts.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 55.3%
  • CSS 30.1%
  • HTML 14.6%