Skip to content

SarahMahovlich/tweeter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 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 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.
  • Express
  • Node 5.10.x or above
  1. Start the web server using the npm run local command. The app will be served at http://localhost:8080/.
  2. Go to http://localhost:8080/ in your browser.
  3. See screenshots below:

Final Product

Landing Page

"Landing Page"

New Tweet

  • click on arrow icon in upper right corner to reveal form
  • character counter will keep track of tweet length
  • submit tweet to add to list
  • displays when hovering over tweet "New Tweet Desktop "New Tweet" "Character Counter" "Submit Tweet" "Tweet Hover"

Error Messages

  • error messages for no character entry and over character entry "Error" "Error"

Tablet

"Tablet Header" "New Tweet on Tablet"

About

A twitter clone

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 57.5%
  • CSS 25.6%
  • HTML 16.9%