Chatify Build using Stream and Stripe

Special Section4 ( Payment Page Stripe Integrated)
Channel Creation ( Stream Integrated )
Payment Successful Page
Stream Chat Application Page ( Stream Integrated )
Special Section3 ( Checkout Page )
Special Section1
Special Section2 ( Products Page )
Home Page2
Home Page3
Home Page1

Inspiration

Basically I got this inspiration from two kinds of Website, Obviously one of them was Chat application like "Discord" , and second was a donation application like "Buy Me a Coffee", We thought integrating both this awesome applications and to make something more meaningful out of them.

What it does

This Website can be used for collecting funds for patients suffering from Cancer caused due to Smoking Cigarettes, This is a Chatting Application, which allows users to chat Similar like discord, User can create their channels, group and can chat in large groups Working: Firstly this site makes user to remember the movements when they use to Smoke while Chatting with their friends when they used to meet in reality, Then it takes them to a page where it makes them aware regarding Cancer through Smoking its Side effects and ask them Instead of buying cigarette to smoke give that money to the NGO's , So as a result user purchases cigarette from the Ecommerce Part of our site ( Where donation is taken by show casing cigarette amount, just as donation at "Buy me a Coffee Website" ) and if users wants they pays for it, the deposited money is donated to NGO's

How we built it

Our Complete Site work was divided among our Group Members, in parts such as 1] UI/UX 2] Frontend Development 3] Integration of Stream and Stripe (Payment Platform) 4] Ecommerce Functionality and Technologies used in it are Node, Express, React JS, HTML, CSS, Javascript, Stream, Stripe, React Context API and Hooks

Challenges we ran into

We didn't faced much challenges as due to outstanding Stream performance and easy to understand documentation it was very easy for us to integrate Stream, Few difficulty were faced in building such complex UI and Ecommerce Functionality, as due to less amount of time was provided

Accomplishments that we're proud of

We are very proud that we completed the Hackathon Project in the given Slot of time, and with maximum efficiency, and at the end our biggest accomplishment will be when we will get selected

What we learned

We learned how to integrate Stream and how actually it was easy to create such complex applications using Stream, Thanks to Kunal Kushwaha Bhaiya for making us aware regarding this