Skip to content

cmaher15/tweeter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

125 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tweeter Project

Tweeter is a simple, single-page Twitter clone.

This repository is the starter code for the project: Students will fork and clone this repository, then build upon it to practice their HTML, CSS, JS, jQuery and AJAX front-end skills, and their Node, Express back-end skills.

This app allows for tweets to be posted without having to refresh! The tweets are organized in descending order, from most recent post to the oldest. There are custom error messages for if you attempt to post an empty tweet, or one that is over the 140 character limit. The app also comes equipped with two layouts, the standard mobile layout, and a slightly different layout for screens at 1024px or larger. When clicked, the arrow in the nav bar will automatically populate the text field so you can post a new tweet! How fun is that?!

Screenshots

"Tweeter Layout for Desktop" "Desktop Tweets Layout" "Tweeter Layout for Mobile" "Mobile Tweets Layout" "New Tweet Area" "Error Message for Blank Tweet" "Error Message for Tweet Over 140 Characters"

Getting Started

  1. Create a new repository using this repository as a template.
  2. Clone your repository onto your local device.
  3. Install dependencies using the npm install command.
  4. Start the web server using the npm run local command. The app will be served at http://localhost:8080/.
  5. Go to http://localhost:8080/ in your browser.

Dependencies

  • Express
  • Node 5.10.x or above

About

A single page application mimicking the UI and functionality of Twitter. Tech stack: HTML, CSS, JS, jQuery, Ajax

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 52.9%
  • CSS 29.1%
  • HTML 18.0%