chat-plus-plus

• 

  Home Page, no chat chosen

• 

  Home Page, private chat chosen

• 

  Home Page, private chat chosen and code section collapsed

• 

  Popup for adding a friend

• 

  Home Page, group chat chosen

• 

  Group Info Popup

• 

  Profile Page (editable if showing the logged in user profile)

• 

  Login Page (Firebase Authentication)

Chat++

Inspiration:

We love coding and on so many occasions, we would often want to show off our project work or find a different way of writing up a function or two. There has not been however, a platform where we can easily talk and dynamically collaborate and share our code with our friends. Thus, ChatPlusPlus was born.

What it does:

It is a messaging service which also implements an IDE to write and edit code. The IDE is also able to be rerun with different input easily which makes it ideal for a flexible learning experience.

How we Built it:

We used Angular for the front-end and Firebase for the back-end with DigitalOcean as the website host. We used Sphere Engine to add the IDEs.

Challenges:

Using an external API to work with widgets Members are still new to Angular with limited time to learn it.

Accomplishments:

We created a functional messaging service web app.

What we learned:

We learned a variety of web technologies, and learned the importance of structured planning.

What’s next for our project:

We will polish the features of the website and we hope to deploy it. :)

Built With

• angular.js
• css
• digitalocean
• firebase
• html
• javascript
• typescript