Chat using node.js & socket.io

screen-shot-2016-09-20-at-12-25-18-am

Assignments: Get up and running with Node.js on Digital Ocean and the example Chat Application. Try to extend it a bit, make it better, more fun.

I had just too many crazy ideas for this homework… Eventually, I ended up trying to¬†understand each line of my code? Did i succeed? – No. Did I improve? – Yes.

Here are a few goals I managed to achieve:

changing the background color each time someone sends a post.

  • adding a footer
  • adding a username
  • adding a transparent box around text

I also managed to randomly change colors of text input and its position, but the visual effect wasn’t satisfying, so I quit the idea…

I tried to spread the text and locate each quote in a different part of the screen but kept moving the whole div instead… same with text colors.

screen-shot-2016-09-19-at-11-24-05-pm screen-shot-2016-09-19-at-11-25-07-pm screen-shot-2016-09-19-at-11-25-49-pmscreen-shot-2016-09-19-at-11-23-34-pm

Finally, I achieved a pretty neat effect:

screen-shot-2016-09-20-at-12-19-45-am screen-shot-2016-09-20-at-12-21-03-am screen-shot-2016-09-20-at-12-22-37-amscreen-shot-2016-09-20-at-12-25-11-amscreen-shot-2016-09-20-at-12-25-18-am

GITHUB LINK