Skip to content
/ tweeter Public template
forked from lighthouse-labs/tweeter

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

Connecshaun/tweeter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tweeter Project

Tweeter is a simple, single-page Twitter clone. The application allows the user to create, and post tweets on the fly. In addition, the user can also view tweets posted by fellow users with the tweets being listed in descending order whereby the most recent tweet is the first listed.

While the application is responsive in design, media queries will be required in future to account for smaller screen sizes/mobile. A screen size of 768px wide or greater has been accounted for currently and the application design/layout can still be appreciated at roughly 480px wide.

Screenshots

🤓 A first look at tweeter.

This is the tweeter app

👨‍💻 Here my latest "hum" is about "jello". Lets tweet that and see what happens.

Typing in a tweet

✅ "Hello, Jello" has been posted and we can see it at the top of the tweeter feed.

The tweet is posted

😬 Oooooops... clicked the "tweet" button without actually tweeting anything.

Error message tells the user to type tweet if a tweet was attempted without content

😩 Keep it short and sweet or another error message can be triggered if going over the alloted 140 characters.

Error message tells the user if a tweet is too long upon submission

🖥️ Here is what tweeter will look like on a larger screen - size 768px and above.

Application GUI when viewed at screen size of 768 pixels or above

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

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

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 62.8%
  • CSS 19.9%
  • HTML 17.3%