Skip to content

KangerDrew/tweeter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 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.

Layouts

"Small Version (under 1024x600px)"

"Enlarged Version (above 1024x600px)"

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
  • chance
  • body-parser
  • md5

Getting Started

  1. Install all dependencies (using the npm install command).
  2. Run the development web server using the npm start command.
  3. Open up the browser of your preference, and paste in http://localhost:8080/ to begin.
  4. The website comes with a pre-generated tweets. To create a custom tweet, simply enter your text into the textbox area (above the most recent tweets).
    • Your tweet must be a valid input (empty textbox will trigger a warning!).
    • Your tweet must also be below 140 characters (you can see the remaining text counter on the right corner of the textbox).
  5. Once a valid tweet is entered, a new random user will be generated with your tweet inside the tweet box!
  6. You can toggle the textbox by using the top right arrow button below "write a new tweet" text.
  7. Scrolling further down (below 250px) will display a green "scroll back up button" you can click anytime to return to the top of the page to enter more custom tweets!

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 57.6%
  • CSS 22.9%
  • HTML 19.5%