Description:
This is a simulated chat window application that has ai users randomly selecting when they should post in the chat room. The design uses several different subviews to create the overall app making it easy to modify and change the look or layout. This application was developed using HTML, CSS, JS, and jQuery.
Installation Instructions
There are two easy installation options for this application depending on how you would like to use it.
-
Clone the repository into a local directory, and click on the index.html file.
-
Clone the repository into a server that looks for index.html such as apache2 or node.
If you decide to modify any of the stylesheets you will need to run the sass compiler included in the repository in the tools folder. If you are running Windows simply navigate to the tools folder and double click on sass-dev.bat. If you are installing this system on a unix based system navigate to the tools folder in shell enter sudo sh sass-dev.sh
These tools will automatically watch all of the individual sass files and compile the css for you.
Operating Instructions
Operating this application is easy. Click on index.html or navigate to it on your server, sit back, and watch.
Contact Information
Ryan Smith [email protected]
for any questions or suggestions related to this application feel free to send me a message.
Known Bugs and/or Issues
- In mobile platform when a user clicks into the form element to enter a message the screen zooms in too large.
- In mobile platform when a user exits the form element after entering a message the screen does not resume its original size.
- In mobile platform additional styling could be used to generate a more responsive UI.
Credits and Acknowledgements
While creating this application I spent a fair amount of time consulting with "the internet". This source provided me with some good solutions and many solutions that didn't quite fit my need. Here are a fun of those solutions that helped me overcome minor obstacles.
-
Publish and Subscribe Plugin: link: http://www.bennadel.com/blog/2037-simple-publication-and-subscription-functionality-pub-sub-with- jquery.htm Author: Ben Nadel Date: 10/18/10 Tags: Javascript / DHTML
-
Autoscroll: link: http://stackoverflow.com/questions/24772491/auto-scroll-to-bottom-div Author: Manwal Date: 07/16/14 Tages: Javascript
-
Shiv method for IE: link: unknown Author: unknown
*note: I appologize to Author number three. I lost the webpage where the information was displayed before capturing the author data and have been unable to find it again.