https://github.com/anton2mihail/tweeter

simple twitter clone using mongodb and expresss leveraging responsive design principles
https://github.com/anton2mihail/tweeter

css css-flexbox-layout css-grid es6 expressjs html5 javascript jquery mongo mongodb nodejs npm responsive-design responsive-layout ui-design

Last synced: 17 days ago
JSON representation

simple twitter clone using mongodb and expresss leveraging responsive design principles

• Host: GitHub
• URL: https://github.com/anton2mihail/tweeter
• Owner: anton2mihail
• Created: 2018-11-05T22:36:27.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T06:35:18.000Z (almost 2 years ago)
• Last Synced: 2024-07-30T20:57:40.254Z (3 months ago)
• Topics: css, css-flexbox-layout, css-grid, es6, expressjs, html5, javascript, jquery, mongo, mongodb, nodejs, npm, responsive-design, responsive-layout, ui-design
• Language: JavaScript
• Homepage: https://tweeterclone-project.herokuapp.com/
• Size: 3.46 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tweeter Project

Tweeter is a simple, single-page Twitter clone. Implementing an express backend, leveraging modular routing and server code, abstracted data handling methods, and persistent data with a mongodb database. Secured against scripting attacks on client side. The frontend is designed to handle mobile interfaces gracefully, it is therefore created with responsive design in mind. The layout changes in each tweet based on the width of the screen viewing it.

          Now Hosted on heroku

## Getting Started

1. Fork this repository, then clone your fork of this repository.

2. Install dependencies using the `npm install` command.

3. Install mongo db cli, and set up the local db server. Instructions for this can be found at 

4. After following installation and setup instructions type `mongo` in your terminal, make sure that the following is contained within the output: `connecting to: mongodb://127.0.0.1:27017`, remember this because it is the address to your local mongo server.

5. Now within the mongo cli after the `>` prompt, type `use tweeter` and hit enter. Now exit the mongo cli by hitting 'ctrl + c' or 'command + C' on mac.

6. Now navigate to the directory in which you cloned the repo, and once there start the web server using the `npm run local` command. The app will be served at .

7. Go to  in your browser.

## Dependencies

- Express

- Node 5.10.x or above

- Mongo 3.x or above

- body-parser 1.15.2 or above

- Chance 1.0.2 or above

- md5 2.1.0 or above

## Dev-Dependencies

- nodemon 1.9.2 or above

## Screenshots

#### Form to compose a new tweet slides down

![alt text](https://github.com/anton2mihail/tweeter/blob/master/screenshots/tweeter-compose.png "Compose a new tweet")

#### No tweets have been created so this is the start page

![alt text](https://github.com/anton2mihail/tweeter/blob/master/screenshots/tweeter-start.png "No tweets yet")

#### Here are some example tweets

![alt text](https://github.com/anton2mihail/tweeter/blob/master/screenshots/tweeter-tweets.png "Some tweets in the page")

## Upcoming Features

- The ability to like tweets

- Login/Register system where only registered users can post tweets and like them

## Author

Anton Lachmaniucu