Thanks to visit codestin.com
Credit goes to github.com

Skip to content

A web application that enables users to create and join instant chat rooms for seamless collaboration. It allows real-time communication, making it ideal for teams and groups to work together efficiently in a virtual environment.

SpectureRam/sendIM

Repository files navigation

SendIM - Real-Time Chat Application

SendIM is a real-time chat application built with React, Express, and Socket.io. It allows users to create and join chat rooms for instant messaging. The app supports authentication via Supabase and features a dark mode toggle for a better user experience.

🚀 Features

  • Real-Time Messaging: Instant communication using Socket.io
  • Chat Rooms: Users can create and join different chat rooms
  • User Authentication: Email & Google OAuth authentication via Supabase
  • Dark Mode: Toggle between light and dark themes
  • Live Participants List: See active users in a chat room
  • Mobile Responsive: Optimized for both desktop and mobile users

🛠 Tech Stack

  • Frontend: React.js (Vite), Tailwind CSS
  • Backend: Express.js, Socket.io
  • Database & Auth: Supabase
  • Hosting: Vercel (Frontend), Supabase (Backend & Auth)

📦 Installation

Prerequisites

Make sure you have Node.js (v16+) and npm (or yarn) installed.

Steps

  1. Clone the repository

    git clone https://github.com/your-username/sendim.git
    cd sendim
  2. Install dependencies

    npm install
    # or
    yarn install
  3. Create a .env file and configure Supabase

    VITE_SUPABASE_URL=your-supabase-url
    VITE_SUPABASE_ANON_KEY=your-supabase-anon-key
  4. Start the development server

    npm run dev

The app will be available at http://localhost:3000.

🎮 Usage

  • Sign up or log in using email or Google OAuth.
  • Enter a chat room and start messaging in real-time.
  • Toggle dark mode for better visibility.
  • View online participants in the room.

🤝 Contributing

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature-name)
  3. Commit changes (git commit -m 'Added a new feature')
  4. Push to GitHub (git push origin feature-name)
  5. Create a Pull Request

🛡 License

This project is licensed under the MIT License.

📞 Contact

For any queries, feel free to reach out:


Star this repo if you found it useful!

About

A web application that enables users to create and join instant chat rooms for seamless collaboration. It allows real-time communication, making it ideal for teams and groups to work together efficiently in a virtual environment.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages