https://github.com/github4maninder/tweeter

https://github.com/github4maninder/tweeter

Last synced: 7 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/github4maninder/tweeter
• Owner: github4maninder
• Created: 2021-11-15T22:50:48.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-12-08T01:34:14.000Z (about 4 years ago)
• Last Synced: 2025-01-13T23:41:40.027Z (about 1 year ago)
• Language: JavaScript
• Size: 1.79 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Tweeter Project

Tweeter is a simple, single-page Twitter clone. This uses HTML, CSS, JS, jQuery and AJAX front-end skills, and their Node, Express back-end skills.

## Functionality Demonstration:

!["New Tweet"](public/docs/newTweet.gif)

!["Error 1(Tweet is too Short)"](public/docs/tooShort.JPG)

!["Error 2 (Tweet is too Long)"](public/docs/tooLong.JPG)

!["Hover over"](public/docs/hoverView.JPG)

!["Screen resize on mobile"](public/docs/phoneView.JPG)

## It has the following features:

1. A new tweet form slides up and down when the arrow button in the top right corner is pressed.

2. Tweet form dynamically update a number of characters in entered text. By defualt the maximum number of chars is 140.

3. If a number of entered characters is not between 1 and 140 an error message will slide up when trying to submit a tweet.

4. After each tweet submission a new tweet will apper on top of existing tweets.

5. Web-site is responsive and will change layout if screen width is below treshold.

## Getting Started

1. Clone repo in your local folder: git clone https://github.com/github4maninder/tweeter.git tweeter

2. Switch into Tweeter directory. cd tweeter

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

3. Start the web server using the `npm run local` command. The app will be served at .

4. Go to  in your browser.

## Dependencies

- Express

- Node 5.10.x or above

- body-parser

- Chance