Math-chat is a basic chat client capable of displaying mathemathical content thanks to MathQuill.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
.dockerignore
.gitignore
Dockerfile
LICENSE
README.md
package-lock.json
package.json
server.js

README.md

Math-chat

Math-chat is a basic chat client capable of displaying mathemathical content thanks to MathQuill. Bootstrap is used for styling of the user interface.

The server side is very basic as of now and written in Node.js.

A demo can be found here: http://lentzi90.github.io/math-chat/

Purpose

I started Math-chat as part of a school project. My goal was to update the hompage for math students at Åbo Akademi University (Finland) and add a basic chat that would enable straight forward communication of math related things. The school project was aimed mostly at the user interface so the server side was not my highest priority to begin with.

This project should be considered experimental and not suited for any critical applications.

Usage

To include Math-chat on your webpage you need the following:

  • jQuery
  • Bootstrap
  • MathQuill

Include jQuery and Bootstrap like this:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

Then include MathQuill (instructions here):

<script src="javascripts/mathquill.min.js"></script>
<link rel="stylesheet" href="stylesheets/mathquill.css">

Remember to add the fonts for MathQuill to the server!

And last include chat.js and style.css

<script src="javascripts/chat.js"></script>
<link rel="stylesheet" href="stylesheets/style.css"

Note: You may want to change the path of some of the imports depending on where you have your files.

Now add the content of chat.html to your webpage somewhere in the <body> and serve chat-server.php as well as chat-login.php.