Tweeter is a simple, single-page Twitter clone.
Technology used HTML, CSS, JS, jQuery and AJAX on front-end and Node, Express back-end skills.
- Install dependencies using the
npm install
command. - Start the web server using the
npm start
command. The app will be served at http://localhost:8080/. - Go to http://localhost:8080/ in your browser.
The app changes the layout on hitting 1024px or below screen. The profile picture moves to the left.
One can hide or unhide the compose tweet feature using this feature on the nav bar
When a user scrolls down, a button appears in the right bottom. On clicking, it takes the user to the top of the screen.
Hovering over the tweet shows the username and it also draws a border around the box.
A user can see the number of characters typed. On submit the tweets prepends to the list.
If it is an empty tweet or the number of characters more than 140, then an error is shown in a small animation.