StreamHub

• 

  Showing uploaded videos

• 

  Text editor for uploading blogs

• 

  Showing ongoing lives and previous lives

• 

  MongodbAtlas

Inspiration

I thought of building something by combining all the technologies and libraries I wish to learn. This is a simple social media like platform built using websocket, Perrjs, react, shadcn, multer etc.

What it does

This application streams the media content and show real time updates. This also have the feature to start a live stream.

How we built it

I built this application using react,shadcn for frontend and I utilized the adavantage of websockets in showing real time updates. I used multer for storing the media files and mongodb atlas for storing the meta data of the media files uploaded. I also used ffmpeg for processing the video and compressing the video size before uploading to local storage. I used slate - a framework for building the text editors for uploading blogs.

Challenges we ran into

Initially I can't understand the websocket stuff but gradually as I make my hands dirty by utilizing that constantly for getting real updates I get to understand about that and somehow managed to give real updates when someone is streaming live, or when a new video gets uploaded.

Accomplishments that we're proud of

I am proud of the thing that I built this of my own from scratch with typescript for the first time.

What we learned

By building this application, I get to know that I should be very clear in what I really need and then I should let my fingers over the keyboard😎

What's next for StreamHub

I have not yet fully achieve this, I might add some more features and want to work on some designing stuffs too.

Built With

• express.js
• ffmpeg
• mongodb
• multer
• peerjs
• react
• shadcn
• slatejs
• websocket