Skip to content

vivienfan/tweetr

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tweetr Project

Tweetr 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, SCSS, JS, jQuery and AJAX front-end skills, and their Node, Express and MongoDB back-end skills.

Final Product

"main"

When a user is logged-in, the user can compose a new tweet, like or unlike a tweet posted by other tweeter. When a user clicks on their avatar, a drop-down menu shows more options.

"main(logged-out)"

When a user is logged out, the user can only read tweets, register or login.

"modal-view"

Register and login form uses modal view on the same page.

"error-registration"

On registration, the server does error checkings for duplicated email and username, gaurantees the uniqueness.

"error-login"

On login, user can login use either the email or the username they registered with. The server then checks if the pair matches with the database.

"medium-screen" "small-screen"

Responsive deisgn, allows different looks on different sizes of devices.

How To Run Locally

  1. Define MONGODB_URL in .env file to indicate the url for the mongoDB database that you are using. e.g. MONGODB = mongodb://localhost:27017/tweeter

  2. Run one of the following command in the terminal to start the server:

  • npm start
  • npm run local
  1. Open browser, and go to http://localhost:8080/

Dependencies

  • Express
  • Node 5.10.x or above
  • bcypt
  • body-parser
  • cookie-session
  • dotenv
  • md5
  • mongodb
  • morgan
  • node-sass
  • node-sass-middleware

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 60.8%
  • CSS 28.5%
  • HTML 10.7%