https://github.com/muhammadbinyasir/talky
A full-stack, real-time chat platform for modern social interaction.
https://github.com/muhammadbinyasir/talky
chat-application chatting-app nextjs15 realtimechatapp socket-io
Last synced: about 1 month ago
JSON representation
A full-stack, real-time chat platform for modern social interaction.
- Host: GitHub
- URL: https://github.com/muhammadbinyasir/talky
- Owner: MuhammadBinYasir
- Created: 2025-06-29T06:43:45.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-30T16:27:27.000Z (12 months ago)
- Last Synced: 2025-06-30T17:38:43.893Z (12 months ago)
- Topics: chat-application, chatting-app, nextjs15, realtimechatapp, socket-io
- Language: TypeScript
- Homepage:
- Size: 30.1 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🗨️ Talky
**Talky** is a dynamic, full-stack real-time chat platform that lets users connect, communicate, and collaborate. Built with modern technologies, Talky offers a secure and engaging social experience through messages, images, and audio — all in a responsive and user-friendly interface.
---
## 🧠 About the Project
Talky was built to offer a smooth, secure, and modern chatting experience where users can connect via friend requests and communicate using text, images, and audio. It simulates core social media features with a real-time messaging backend, designed for both mobile and desktop.
## 🚀 Features
- 🔐 **Authentication** – Secure user registration and login with session handling using supabase
- 🙋♂️ **Friend Requests** – Send, accept, or reject friend requests
- 💬 **Real-Time Chat** – Instant messaging powered by WebSockets (Socket.IO)
- 🖼️ **Media Messaging** – Share images and voice messages with friends
- 🟢 **Presence Indicators** – See online status and typing indicators
- 👤 **Profile Editing** – Users can edit their own profile and view others'
- 📬 **Request Inbox** – Easy management of incoming and sent friend requests
- 📱 **Fully Responsive** – Optimized for both mobile and desktop
## 🛠 Tech Stack
- **Frontend:** Next.js, React, Tailwind CSS
- **Backend:** Node.js, Express, Socket.IO
- **Database:** MongoDB (with Mongoose)
- **Authentication:** Supabase Authentication
- **Storage** Supabase Storage
- **Deployment:** (Add your hosting platform if any, e.g., Vercel / Render)
---
## 📦 Getting Started
1. **Clone the Repository**
```bash
git clone https://github.com/MuhammadBinYasir/Talky.git
cd Talky
2. **Install Dependencies For Client**
```bash
cd client
npm install
3. **Setup Environment Variables For Client**
```bash
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
DATABASE_URL=""
5. **Run Client**
```bash
npm run dev
4. **Install Dependencies For Server**
```bash
cd server
npm install
5. **Run Server**
```bash
npm start