/tweeter

A twitter clone project displaying custom CSS and responsive design

Primary LanguageJavaScript

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.

Purpose

This project was created and published by Justin Lam (https://github.com/justinklam) as part the learning curriculum at Lighthouse Labs.

WARNING: It is not intended for use in production-grade software.

Final Product

Main

main

New Tweet

new-tweet

Error

error

Scroll-Up Button

scroll-up

Responsive Design

responsive-design

Mobile View

mobile-view

Mobile Scroll-Up

mobile-scroll-up

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 - ^4.13.4
  • Node - ^5.10.x
  • Body-Parser - ^1.15.2
  • Chance - ^1.0.2
  • md5 - ^2.1.0

DEV Dependencies

  • nodemon - ^1.9.2
  • morgan - ^1.10.0

Directory

  • Tweeter
    • Public
      • Styles - CSS files
      • Scripts - JS files
      • Vendor - External JS/CSS
      • Images - Placeholder profile images used
    • Server - Server side logic
      • Data-files - Placeholder tweets
      • Lib - Helper JS files
      • Routes - Route Handlers
    • Docs - Stores all screenshots