ChatSpan

Connecting people together

Comment

Inspiration

We wanted to create an chat app with a rich user experience so We tried to build the user experince which we imagined using the stream chat SDK and Flutter. It runs on android, iOS and web

What it does

At a glance, it just seems like a chat app, but it has a rich UI and animations to make the app feel alive, We integrated chatting using Steam chat SDK along with Firebase and Flutter, We have integrated one-to-one messaging with sending Emojis and all the user active statuses like typing, active, last seen to name a few. It also allows users to chat directly on the web. It has some really cool avengers type particle effects when we log out and some rich animations when we log in or sign up. We also implemented gradient chat bubbles since we didn't want them to be flat.

How we built it

We built this app using the Flutter framework and Stream Chat core SDK along with Firebase for authentication and cloud functions

Challenges we ran into

As we didn't know much about cloud functions and stream chat SDK it was hard at first to understand everything but eventually, we got everything working and another challenge was to make an app with a rich user experience, but we had some experience in animations so it turned out to be pretty good.

Accomplishments that we're proud of

We have successfully integrated stream chat core SDK with our own UI and features, We have integrated cloud functions of Firebase with Flutter for the authentication.

What we learned

We learned how to make chat apps using stream chat SDK and how firebase functions work

What's next for ChatSpan

We are gonna introduce google maps like in Snapchat with our own custom markers and we are gonna integrate video and audio in app calling functionality.

Share this project:

Updates