Flutter app with seamless video streaming (HLS)
Aman Mittal
Fullstack Engineer
Flutter Developer
Flutter
iOS
Visual Studio Code
Project Title: JAM Stories (Food-Focused Video Streaming App)
Summary
JAM Stories is a food-centric reel app that allows users to create and explore food-related reels. It features personalized recommendations, location tagging, and interactive engagement tools similar to major social media platforms. The app is designed to handle high traffic and provide seamless video streaming.
Client/Industry
Food, Video Streaming, Social Media
Tools & Technologies Used
• Frontend: Flutter (Android & iOS)
• Backend: Node.js
• Database: Postgres
• Admin Panel: ReactJS
• Video Streaming & Storage: AWS S3 for media storage + Mux Integration
• User Authentication: AWS Cognito
• Real-time Notifications: Firebase Cloud Messaging (FCM)
Description
How we helped
JAM Stories provides a platform where users can explore and share food-related reels. The app allows users to upload videos, tag locations, and get personalized reel recommendations based on their viewing preferences. Designed for scalability, it can handle high traffic without compromising on video quality or app performance.
Key Features:
1. Video Reel Creation & Uploading: Users can create food-related reels, tag locations, and upload them for the community to view and engage with. They also have features to like, share and add comments
2. Personalized Recommendations: An algorithm-driven recommendation engine shows users reels based on their previous interactions, ensuring a tailored experience.
3. Interactive Engagement Tools: Users can like, comment, and share videos, creating a social media-like experience for food content.
4. Admin Panel for Content Management: Built using ReactJS, the admin panel allows admins to upload videos, manage user-generated content, and moderate the app’s feed.
5. Scalable Video Streaming: The app uses AWS S3 for seamless video storage and mux for streaming, with app level optimisations ensuring smooth playback even during high traffic.
6. Real-time Notifications: Integrated Firebase Cloud Messaging to send users real-time updates about new videos and interactions.
Challenges & Solutions
1. Handling High Traffic:
Challenge: The app needed to handle a large number of video uploads and streams without lagging or slowing down.
Solution: Deployed a scalable backend using Node.js and AWS S3 for efficient video storage and Mux for stream streaming. Postgres was used for structured data management, ensuring quick response times even with high traffic.
2. Custom Video Recommendations:
Challenge: Building a recommendation engine that personalizes reel suggestions based on user activity.
Solution: Developed a dynamic recommendation algorithm that tracks user interactions (likes, views) along with user preferences and provides tailored video content.
3. Seamless Content Management:
Challenge: Enabling admins to efficiently manage the influx of user-generated content.
Solution: Built a ReactJS-based admin panel for easy video uploads, content moderation, and feed curation.
Results & Impact
High Engagement: Users engaged actively with the app’s social features, with a significant increase in user-generated content and video uploads.
Seamless Video Streaming: Achieved smooth video streaming with zero lag even during peak usage, resulting in high user retention.
Scalable Admin Panel: The ReactJS admin panel allowed efficient management of a growing user base and content moderation.
