Forem: Shinn Thant

𝗟𝗼𝗼𝗽𝘆 👾

Shinn Thant — Thu, 24 Jul 2025 03:42:31 +0000

A video conference app using Mediasoup. WebRTC is something that developers will likely encounter sooner or later, so let's dive into Mediasoup.

𝗦𝗼, 𝗪𝗵𝗮𝘁’𝘀 𝗠𝗲𝗱𝗶𝗮𝘀𝗼𝘂𝗽?

As the name suggests, it’s a bit like cooking a dish yourself xD. It provides an SFU (Selective Forwarding Unit) architecture as a recipe, and you build a flexible and scalable WebRTC app using your own logical approach.

𝗕𝗿𝗶𝗲𝗳𝗹𝘆: An SFU is a selective forwarding unit, meaning it builds transports and manually selects the peers that need the media streams. This helps save bandwidth and significantly boosts performance for multi-party apps.

𝗧𝗲𝗰𝗵 𝗦𝘁𝗮𝗰𝗸

𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱: Shadcn, Vite, React, MediasoupClient, and Clerk for authentication.

𝗕𝗮𝗰𝗸𝗲𝗻𝗱: Mediasoup for WebRTC, Socket.io for signaling, and Express for the server.

𝗖𝗼𝗱𝗲 𝗦𝘁𝗿𝘂𝗰𝘁𝘂𝗿𝗲: Written in an object-oriented approach with class data structures, making the data encapsulated, scalable, and well-organized.

𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀

• Authentication (Including OAuth: Google, Github)
• Room Creation/Joining (Quick Start)
• Preview Section before Joining:
• Mic/Speaker Testing
• Pre-select Devices (Mic, Speaker, Camera)
• Pre-configure Devices (Mic, Camera Toggle)
• Screensharing
• Chat System
• Raise Hand
• Emojis Display
• Notification System (For participants' activities)
• Participant Controls (Leave, End, Device Settings)
• Room Status Bar
• Input/Output Sound Signaling Indicator for Participants

If you're interested, feel free to try it out and share any feedback :3.
You can contribute to bug fixes or refactors too!

Note: Mobile responsiveness isn’t fully implemented yet, I got a bit lazy with that part xD.

𝗚𝗶𝘁𝗛𝘂𝗯 𝗥𝗲𝗽𝗼 - https://github.com/devshinthant/loopy
𝗟𝗶𝘃𝗲 𝗟𝗶𝗻𝗸 - https://loopy-ashen.vercel.app/

🚀 𝗧𝗵𝗲𝗥𝗲𝗮𝗹𝗛𝗼𝘁𝗲𝗹𝘀 🌟

Shinn Thant — Sat, 23 Nov 2024 03:17:47 +0000

Inspired by the elegance and innovation of 𝗧𝗵𝗲𝗥𝗲𝗮𝗹𝗛𝗼𝘁𝗲𝗹𝘀 featured on 𝐀𝐰𝐰𝐰𝐚𝐫𝐝𝐬.

• Interactive Features: Engaged users through micro-interactions, scroll effects.
• Responsive Design: Optimized for all devices, from desktops to smartphones.

This project challenged me to think creatively and focus on user-first design principles while delivering a visually stunning and functional site.

𝒍𝒊𝒏𝒌 : https://therealhotels.vercel.app/
𝑮𝒊𝒕𝒉𝒖𝒃: https://github.com/devshinthant/therealhotels

Animated Carousel

Shinn Thant — Thu, 07 Nov 2024 10:14:33 +0000

Recently, I had the opportunity to build an animation carousel section using GSAP (GreenSock Animation Platform), drawing inspiration from the creative work of Valentin Cheval.

Seamless Animations
Interactivity with Scroll

Link - https://valentin-carousel.vercel.app/
Github - https://github.com/devshinthant/valentin-carousel

Let me know what you think, and feel free to ask any questions about the setup! 🚀

🚀 Motion Scape With GSAP

Shinn Thant — Tue, 29 Oct 2024 06:59:47 +0000

Hey Forks! 👋

I’ve just wrapped up a project I’m excited to share—a responsive website designed with a focus on immersive animations and smooth transitions inspired by the creative standards of Awwwards.

🌐 Key Takeaways

Enhanced UX: Thoughtfully placed animations not only add visual appeal but also improve the user journey, making navigation feel smooth and intuitive.

Github - https://github.com/devshinthant/motion-scape
Link - https://motion-gsap.vercel.app/

Give it a star it you like it!

Happy coding, and let me know what you think! 😊🎉

𝐌𝐚𝐧𝐭𝐢𝐧𝐞 𝐁𝐨𝐚𝐫𝐝𝐬 🚀

Shinn Thant — Mon, 07 Oct 2024 04:29:40 +0000

I'm excited to announce the release of a responsive dashboards, built using 𝐑𝐞𝐦𝐢𝐱𝐉𝐒 and 𝐌𝐚𝐧𝐭𝐢𝐧𝐞 𝐔𝐈. This project features are perfect for admin dashboards, analytics platforms, or any project that requires a clean, modern interface!

🛠 Features:
• Fully 𝐫𝐞𝐬𝐩𝐨𝐧𝐬𝐢𝐯𝐞 and optimized for mobile, tablet, and desktop 📱💻
• Seamless 𝐥𝐢𝐠𝐡𝐭 and 𝐝𝐚𝐫𝐤 mode toggle 🌞🌚
• Built on 𝐑𝐞𝐦𝐢𝐱𝐉𝐒, ensuring lightning-fast performance and robust routing ⚡
• Built with the flexible and powerful Mantine UI components
• Clean and modern design focused on 𝐔𝐗/𝐔𝐈 𝐩𝐫𝐢𝐧𝐜𝐢𝐩𝐥𝐞𝐬

🎯 Why use this? It’s a great starting point for anyone looking to quickly implement a dashboard with robust theming and responsiveness out of the box. Feel free to contribute or adapt it to your projects!

👉 GitHub: https://github.com/DevShinnThant/mantine-boards
👉 Live: https://mantine-boards.vercel.app/

🚀 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁 𝗧𝘆𝗽𝗲 𝗖𝗵𝗮𝗹𝗹𝗲𝗻𝗴𝗲 𝗦𝗵𝗼𝘄𝗰𝗮𝘀𝗲

Shinn Thant — Fri, 06 Sep 2024 06:25:35 +0000

✅ Recursive Types
✅ Type Inference
✅ Conditional Types

typechallenges #typescript #webdevelopment #devlife

Writing tests are a bit painful but

Shinn Thant — Fri, 30 Aug 2024 04:46:01 +0000

There are benefits we can't buy which are

Early Bug Detection
Document Functionality
Validates Component Interactions
Ensures Full System Integration
High Confidence in Application Stability

Portfolio v2.0 🚀

Shinn Thant — Sat, 13 Jul 2024 09:25:17 +0000

Developed by Focusing on Design & Animation

𝗧𝗲𝗰𝗵 𝘀𝘁𝗮𝗰𝗸
• Built with NextJS, ShadcnUI, GSAP ❤️

𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀
• SEO Friendly and 100 score on best practices & Accessibility
• Light & Dark mode ( more effort on Dark Theme )
• Accessible through keyboard

𝗚𝗶𝘁 𝗥𝗲𝗽𝗼 - https://lnkd.in/g283zEXN

𝗟𝗶𝗻𝗸 - https://lnkd.in/grpSx3Y4

Talk is cheap & just show my work