A simple single-page AJAX based Twitter clone that uses jQuery, CSS and HTML to post and get tweets from a node server.
Focus of this project is on comfort with responsive design, simple CSS and HTML, and some jQuery tricks for manipulating the DOM.
My personal focus for this assignment was, in no specific order:
- DRY CSS
- Using Flexbox and clever HTML architecture to enable simple responsive design with breakpoints at a width of 1024 pixels, and some small tweeks at 480 pixels.
- Clever jQuery animations - utilizing jQuery's
.promise()
- with a focus on 'jQuery-ness' (using as little built-in JS for manipulating the DOM as possible). - Imparting a bit of my personal expression on the look of the piece.
- 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.
- Have fun!
-
An edge case for column layout - narrow columns with wide names (at widths of less than 480px):
-
Compose drawer scroll and open:
-
Return to drawer and open:
gifs prepared from Chrome dev-tools performance profile JSON - learn more here! https://hospodarets.com/demos/chrome-timeline-to-gif/
- Express
- Node 5.10.x or above
- jQuery
- md5