Skip to content
Tweeter is a single-page Twitter-like web application built with jQuery and using a MongoDB database for persistence. It generates random usernames for your tweets of 140 characters or less, which appear at the top of the page as they are made.
JavaScript CSS HTML
Branch: master
Clone or download
Pull request Compare This branch is 86 commits ahead, 10 commits behind lighthouse-labs:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
public
server
.gitignore
README.md
package.json

README.md

Tweeter

Tweeter is a simple, single-page Twitter clone. This project is class work from Lighthouse Labs.

This repository is a fork of the lighthouse-labs/tweetr base:

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

* Note that /server/index.js is looking for MongoDB on localhost:27017:

const MONGODB_URI   = "mongodb://localhost:27017/tweeter";

Dependencies

During installation, Node will attempt installation of the following packages:

Plus, the following JS and CSS is linked in index.html or included in public/vendor:

Screenshots

The Tweeter home screen is shown here in the Chrome Dev Tools emulating the Samsung Galaxy S5. Tweeter home screen, shown in Galaxy S5 aspect ratio

A flash message informs the user that their tweet is too long. Tweeter flash error message, shown in Galaxy S5 aspect ratio

Contact Author

Tyler Krys made this to learn about web development.

You can’t perform that action at this time.