Skip to content

InstaShare is a modern, privacy-focused platform for instant, anonymous real-time communication and code sharing

Notifications You must be signed in to change notification settings

sbera01/instashare

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🚀 InstaShare

InstaShare Logo

InstaShare

🔗 See LinkedIn Teaser 🔗 See LinkedIn Post 🔗 Try InstaShare Live


📖 Overview

InstaShare is a modern, privacy-focused platform for instant, anonymous real-time communication and code sharing platform. Create temporary chat rooms in seconds without signup, share code with syntax highlighting, exchange media files, and collaborate seamlessly with password-protected rooms.

Perfect for:

  • 💼 Quick team collaborations
  • 👨‍💻 Code reviews and pair programming
  • 📚 Study groups and tutoring sessions
  • 🎯 Anonymous feedback and discussions
  • 🔒 Secure temporary file sharing

✨ Features

🔥 Core Features

  • 🎭 Anonymous & Instant - No signup required, create rooms in seconds
  • 💬 Real-time Chat - WebSocket-powered instant messaging
  • 👨‍💻 Code Sharing - Syntax-highlighted code snippets with 5+ language support
  • 📁 Media Sharing - Upload and share images and videos (up to 10MB)
  • 🔐 Password Protection - Secure rooms with optional passwords
  • 📱 QR Code Sharing - Easy room sharing via QR codes
  • 👥 Live Participants - See who's in the room in real-time
  • ⌨️ Typing Indicators - Know when others are typing
  • 👍 Message Reactions - React to messages with emojis
  • 🗑️ Message Deletion - Delete your own messages
  • 🎨 User Colors - Unique color for each participant
  • ⏰ Auto-cleanup - Rooms auto-delete after 3 hours of inactivity

🎨 UI/UX Features

  • 🌓 Dark Mode - Eye-friendly dark theme
  • 📱 Responsive Design - Works seamlessly on all devices
  • ✨ Smooth Animations - Powered by Framer Motion
  • 🎯 Modern UI - Built with Radix UI and Tailwind CSS
  • ♿ Accessibility - WCAG compliant components

🎬 Demo

Screenshots

Landing Page Chat Room
Landing Room
Set Password FAQ Section
Code FAQ

Live Demo

🔗 Try InstaShare Live


🛠️ Tech Stack

Frontend

  • Framework: React 18 + TypeScript
  • Build Tool: Vite
  • Styling: Tailwind CSS + shadcn/ui
  • State Management: React Query (TanStack Query)
  • Routing: React Router v6
  • Real-time: Socket.IO Client
  • Animations: Framer Motion
  • Code Highlighting: Prism.js
  • Forms: React Hook Form + Zod
  • UI Components: Radix UI
  • QR Codes: qrcode.react
  • File Upload: React Dropzone

Backend

  • Runtime: Node.js 18+
  • Framework: Express.js + TypeScript
  • Real-time: Socket.IO
  • Database: PostgreSQL (via Supabase)
  • Storage: Supabase Storage
  • Authentication: bcrypt.js (password hashing)
  • Environment: dotenv

Database & Storage

  • Database: Supabase PostgreSQL
    • Rooms table (room codes, passwords, timestamps)
    • Participants table (active users per room)
    • Messages table (chat history, code snippets, media)
  • File Storage: Supabase Storage
    • Media uploads (images, videos)
    • Auto-deletion after 3 hours

👥 Team

Developed with ❤️ by Me and Shubha Pramanik

This project was created as a learning experience to demonstrate modern web development practices, real-time communication, and full-stack development skills.


📞 Contact


🙏 Acknowledgments


About

InstaShare is a modern, privacy-focused platform for instant, anonymous real-time communication and code sharing

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •