Tweeter is a simple, single-page Twitter clone.
When users type a tweet, the program will return the tweet to the main page with a random name, handle and avatar image.
You can type your own tweet to appear on the page! Type your tweet in the box
After clicking "Tweet", your tweet will pop up as the newest tweet. Any tweet box you hover over will have a shadow effect.
You can even hover the icons and they will change colors.
A valid tweet must be under 140 characters and cannot be empty. An error message will appear if a non valid tweet is being submitted.
Tweeter has 3 sizes for desktop, tablet and mobile. The screenshots above showcase the desktop. The other 2 are shown below.
Tablet screen:
and
Mobile screen:
- Create a new repository using this repository as a template.
- Clone your repository onto your local device.
- 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.
- body-parser
- chance
- express
- jquery
- md5
- timeago.js
- nodemon