An end-to-end full-stack application and real-time #strife app with all servers, channels, video calls, audio calls, editing , deleting messages and manage members role (admin, guest, moderator).
Features of the Project
- Real-time messaging using Socket.io
- Send attachments as messages using UploadThing.
- Delete and Edit messages in real-time for all users.
- Create Text, Audio, Video call channels.
- 1:1 conversation between members.
- Member management [Kick member, Role-change (Guest/Moderator)]
- Unique invite link generation and full working invite system.
- Infinite loading for messages in batches of 10 using @tanstack/query.
- Server creation and customization.
- Websocket fallback: Polling with alerts.
- ORM using Prisma.
- MySql database using @tiDb Cloud.
Project Walkthrough
Strife – Real-Time Collaboration & Learning Platform
Strife is a modern, feature-rich application designed to enhance collaboration, communication, and learning. It combines real-time chat, video calls, role-based access, and a powerful admin dashboard with a sleek and fully responsive user interface. Built with cutting-edge technologies and seamless integrations, Strife delivers a smooth and secure experience across all devices.
Key Features
💬 Real-Time Messaging
- Send, edit, and delete messages instantly for all users.
- Messages sync seamlessly across devices without refreshing the page.
📢 Role-Based Access Control
- Assign different permissions for admins, members, and premium users.
- Securely manage access to resources and features based on roles.
🎥 1:1 Video Calling
- Experience high-quality peer-to-peer video calls between members.
- Built for real-time communication with minimal latency.
🛡️ Member Management (Premium Features)
- Upgrade members to premium for exclusive features and priority access.
- Track and manage user activity with full control.
📀 Centralized Admin Dashboard
- Gain complete control with an intuitive dashboard to manage users, roles, and settings.
- Monitor performance, access insights, and handle platform operations effortlessly.
⛺ Modern & Stunning User Interface
- Built with Tailwind CSS, ensuring a clean, minimal, and pixel-perfect UI.
- Designed with a focus on usability and accessibility.
💯 Fully Responsive Design
- Optimized for desktop, tablet, and mobile devices.
- Smooth adaptive layouts ensure a consistent experience everywhere.
🌗 Light & Dark Mode
- Toggle between light and dark themes instantly.
- Save user preferences for a personalized experience.
⚡ Stripe Webhooks Integration
- Integrated Stripe for handling subscriptions, payments, and upgrades.
- Real-time webhook support ensures accurate billing and user status synchronization.
CodeFusion – Empowering the New Dimension of Learning
Alongside Strife, CodeFusion introduces a comprehensive learning experience powered by robust documentation and interactive journals.
- Unlock your potential by exploring engineering-focused guides.
- Dive deep into Markdown-based journals designed to ignite curiosity and foster hands-on learning.
- Stay updated with well-structured docs, tutorials, and project walkthroughs.
“Empowering learning, one markdown at a time.”
Getting Started
- Clone the Repository
2. Install Dependencies
3. Setup Environment Variables
4. Run the Development Server
5. Open http://localhost:3000 to view the app in your browser.