A simple single-page Twitter clone using HTML, CSS, JS, JQuery and AJAX for front-end development. Node and Express were used in the backend to serve the contents.
- Fork this repository, then clone your fork of this repository.
- Install dependencies using the
npm install
command. - Start the web server using the
npm run local
command. The app will be served at http://localhost:8080/. - Go to http://localhost:8080/ in your browser.
The web app will be supported by most common browsers (MS Edge, Firefox, and chrome).
The mobile version of the site is condensed to show the profile image and tweets in a linear fashion.
The compose button at the top right allows users to write a tweet which will be posted to the server.
A real-time counter of the number of characters used is displayed on the bottom right. Users on desktop devices can use the 'enter' key to submit a tweet (and shift-enter to enter a new line).
When a user goes over the limit the display will change, and users will be unable to submit a tweet.
If a user scrolls down far enough an icon will appear on the bottom right allowing users to scroll automatically to the top of the page and compose a tweet.
In desktop view the profile image will display on the left-side of the screen. This view will trigger for an screen with a screenwidth greater than 1024 px.
- Express
- Node 5.10.x or above
- Chance
- MD5