Ghost Chat

• 

  A preview of the chat log

Inspiration

We were having a discussion on what we should build for the hackathon. The first idea was a diary/ journal entry but since our experience with javascript was very limited, we thought of a non-saveble chatbox.

What it does

Our project allows anyone that visits our website to chat and mess around without a 3rd party watching over. Our site is completely anonymous! The chat history is erased every time the page refreshes ensuring that nothing discussed in the chat will be disclosed elsewhere.

How we built it

We used repl.it for code collaborating. The languages we used were HTML, CSS, javascript, and node.js. We referenced a few open-source codes as well.

Challenges we ran into

The most troublesome part was putting the chatbox into our website. We had a problem integrating node.js into our Html and CSS files.

Accomplishments that we're proud of

We're proud of being able to create a working project with node.js and HTML. This is the first time that any member of our team has used javascript or node.js. So it was a huge accomplishment for us!

What we learned

We learned that it takes much longer to even a simple feature into the site. For example, the info card in our About page was a big hassle to get right. Through this hackathon, we were able to learn how to integrate node.js with HTML, we learned how to make grid boxes, and learned how to push repl.it files onto Github.

What's next for Ghost Chat

We plan on making the site responsive, and user-friendly by having a user type in a name before having access to the chat.

Built With

• css3
• html5
• javascript
• node.js