RowdyChat

• 

  home page

• 

  Chat Screen

• 

  Logged In

• 

  Select a chat room

Inspiration

Our inspiration comes from GroupMe removing the ability to see group messages via SMS, and instead forcing you to use their webapp or mobile application. This was our attempt at re-creating that feature from GroupMe.

What it does

It's a SpringBoot web server, that lets you log in with Github Oauth, linking your account to a phone number, so that you can receive SMS messages from certain group chats. Via websockets, you can talk to other RowdyHack members in the different biomes on the web server.

How we built it

We created an Intellij project and then also used NPM so we could generate CSS with tailwind to make the website look nicer.

Challenges we ran into

DNS issues have delayed us in using our .tech domain from Domain.com. Sending SMS messages from the client to the web server, does not update the web servers chat. it requires a refresh. The send button doesn't clear the chat buffer. New messages are put at the top of the page instead of the bottom.

Accomplishments that we're proud of

The animation on the web page, that changes between the four biomes of RowdyHacks. The next accomplishment is the fact that the web chat works. It was super exciting to see us send messages to each other.

What we learned

We learned how to use Websockets. Everyone in the group learned more about HTML/CSS/JS and learned how to use SpringBoot. Templating libraries like Thymeleaf were helpful in keeping us from repeating ourselves in multiple files. Setting up new tools like NPM and Intellij.

What's next for RowdyChat

Next for rowdy chat is Dynamic refreshing when receiving messages to the website from SMS. Attachments Ability to create public/private groups Additional login options (google, facebook, twitter) Add/Remove people from groups.

Built With

• gcp
• github
• github-oauth
• intellij-idea
• java
• jpa
• mysql
• npm
• springboot
• tailwindcss
• twilio
• websockets