{"id":25150053,"url":"https://github.com/asirwad/chatgram-nextjs-express-socketio","last_synced_at":"2026-04-07T08:32:07.516Z","repository":{"id":275922401,"uuid":"927551274","full_name":"Asirwad/ChatGram-NextJS-Express-SocketIO","owner":"Asirwad","description":"This project aims to create a clone of the Telegram messaging application using Next.js 13 and Express. It provides a web-based interface for users to send and receive messages and interact with the Telegram.","archived":false,"fork":false,"pushed_at":"2025-02-07T13:19:35.000Z","size":3908,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-03T08:44:51.262Z","etag":null,"topics":["express-api","livekit-sdk","mongodb","nextjs","nodejs","socket-io","zustand"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Asirwad.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-05T06:25:11.000Z","updated_at":"2025-02-07T13:19:39.000Z","dependencies_parsed_at":"2025-02-07T14:26:16.565Z","dependency_job_id":"6c21317d-a6f4-4a31-902a-f6a36b38bc52","html_url":"https://github.com/Asirwad/ChatGram-NextJS-Express-SocketIO","commit_stats":null,"previous_names":["asirwad/telegram-clone-nextjs","asirwad/chatgram-nextjs-express-socketio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Asirwad%2FChatGram-NextJS-Express-SocketIO","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Asirwad%2FChatGram-NextJS-Express-SocketIO/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Asirwad%2FChatGram-NextJS-Express-SocketIO/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Asirwad%2FChatGram-NextJS-Express-SocketIO/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Asirwad","download_url":"https://codeload.github.com/Asirwad/ChatGram-NextJS-Express-SocketIO/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246970348,"owners_count":20862508,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["express-api","livekit-sdk","mongodb","nextjs","nodejs","socket-io","zustand"],"created_at":"2025-02-08T22:16:28.997Z","updated_at":"2026-04-07T08:32:07.474Z","avatar_url":"https://github.com/Asirwad.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chatgram: Telegram Clone\n\n![Next.js](https://img.shields.io/badge/Next.js-000000?logo=nextdotjs\u0026logoColor=white)\n![Node.js](https://img.shields.io/badge/Node.js-339933?logo=nodedotjs\u0026logoColor=white)\n![MongoDB](https://img.shields.io/badge/MongoDB-47A248?logo=mongodb\u0026logoColor=white)\n![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?logo=typescript\u0026logoColor=white)\n![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-06B6D4?logo=tailwindcss\u0026logoColor=white)\n\nA full-stack Telegram clone featuring real-time messaging and video calling capabilities.\n\n![Demo Screenshot](https://github.com/alishirani1384/chatgram/blob/main/demo.gif)\n\n## ✨ Features\n\n### Core Functionality\n| Category              | Features                                                                 |\n|-----------------------|--------------------------------------------------------------------------|\n| **Authentication**    | JWT-based registration \u0026 login, Session persistence                     |\n| **Real-Time Chat**    | WebSocket messaging, Message history, Typing indicators                 |\n| **Multimedia**        | Video calling (WebRTC), File attachments, Emoji support                 |\n| **UI/UX**             | Responsive design, Dark/Light themes, Message animations                |\n\n## 🚀 API Documentation\n\n### Participant Token Generation\n**Endpoint**  \n`GET /api/get-participant-token`\n\n**Request Parameters**\n```json\n{\n  \"userId\": \"string\",\n  \"roomId\": \"string\"\n}\n```\n\n**Response**\n```json\n{\n  \"token\": \"eyJhbGci...\",\n  \"expiresAt\": \"2025-02-07T18:30:00Z\"\n}\n```\n\n## 🛠️ Tech Stack\n\n| Category  | Technologies                                                                 |\n|-----------|------------------------------------------------------------------------------|\n| **Frontend** | Next.js 13, TypeScript, Tailwind CSS, Zustand, React-Query, shadcn/ui       |\n| **Backend**  | Node.js, Express, Socket.IO, MongoDB, Redis, JWT                           |\n| **DevOps**   | Docker, GitHub Actions, ESLint, Prettier                                    |\n\n## 📦 Installation\n\n### ⚙️ Server\n\n```bash\n# Clone repository\ngit clone https://github.com/Asirwad/ChatGram-NextJS-Express-SocketIO.git\ncd ChatGram-NextJS-Express-SocketIO/server\n\n# Install dependencies\nnpm install\n\n# Configure environment\ncp client/.env.example client/.env.local\ncp server/.env.example server/.env\n\n# Start development\nnpm run dev\n```\n\n### 🪶 Client\n\n```bash\ncd ChatGram-NextJS-Express-SocketIO/client\n\n# Install dependencies\nnpm install\n\n# Start development\nnpm run dev\n```\n\n## 🌐 Environment Variables\n\n| Variable                | Description                         | Example              |\n|-------------------------|-------------------------------------|----------------------|\n| `NEXT_PUBLIC_API_URL`   | Backend API base URL                | http://localhost:3001 |\n| `MONGODB_URI`           | MongoDB connection string           | mongodb://localhost:27017 |\n| `JWT_SECRET`            | JWT signing key                     | super_secret_key_123 |\n\n## 📁 Project Structure\n\n```\nChatGram-NextJS-Express-SocketIO/\n├── client/            # Next.js frontend\n│   ├── src/app/       # App router\n│   └── src/components # UI components\n└── server/            # Express backend\n    ├── models/        # MongoDB models\n    └── routes/        # API endpoints\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasirwad%2Fchatgram-nextjs-express-socketio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasirwad%2Fchatgram-nextjs-express-socketio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasirwad%2Fchatgram-nextjs-express-socketio/lists"}