Community ChatRoom

• 

  This is the index.js

• 

  This is the App.js [You can see the usage of StreamAPI in project]

• 

  This is the live demo screen of the application

Inspiration

I wanted to make some project work that is useful to the public and that initiates my software developing skill by using tech Stack, and my inspiration is "Kunal" and other amazing developers also who have shown me the right guidance toward development and total cs field by his Youtube Channe and OSS. Tried to make something for someone really gives a great feeling. Which is the fuel of motivation for putting hard work into the project

What it does

It has basic functionality to send messages to a particular channel that can be seen by another member of the channel and add comment/reaction/forward chat also and One can use it as a personal chatroom by adding one member to the channel. As my perspective, one can also use it as the note-taking an application for future references.

How we built it

This is a solo project. So totally made by me. First I got the announcement from the WeMakeDev announcement section and from the Kunal's YouTube Channel also. And then I started finding the resources regarding to the project and researched a lot because it is a new technology. Using this type of technology for the first time gave me a cool feeling also. I watched the reference videos from the official StreamChatAPI Channel and followed some documentation and started making out the Project by using STREAMCHATSDK and used prebuild components which took me more time if I did it from scratch. I faced many challenges also by not making improvements in my project. In the First 2 days, I didn't find any hope and was depressed a lot as the documentation of the STREAM is good but hard to implement in React Project on my own. But I never gave up and kept trying a lot and finally, I made the chat app by using the prebuilt component of the STREAM-CHAT-SDK and tested the app and deployed it to the GitHub pages. This was my very small journey of the hackathon

Challenges we ran into

The Resource was limited but I had to make something for at least showcase purposes and I was depressed a lot for the past 2 days for not making any improvement in the ChatApp. The app was going to crash many times and it was giving me errors that were not understandable to me. Then I searched over the whole Internet and solved it like connecting the dots and finally made it done!

Accomplishments that we're proud of

I'm Proud of making this App by own and it is the inspiration for me to move on forward to test different type of tech stack and things by doing own and contribute to the community🦾

What we learned

I learned to manage the things properly and learned to handle things own at a time . Also learned to implement the STREAMSDK with react to make awesome cool stuffs😁

What's next for Community ChatRoom

Due to lack of time, I was not able to make it fully functional and tried my best to complete for at least showing purpose and I will definitely make it a fully functional chat App to useful for everyone in future.

Built With

• react
• streamchat