MCPcopy Index your code
hub / github.com/alishirani1384/chatgram

github.com/alishirani1384/chatgram @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
43 symbols 125 edges 29 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

YOUTUBE Code with ali : Telegram Clone using Next.js 13 & Express

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.

Demo

demo

Features

  • User registration and authentication
  • Real-time messaging using websockets
  • Real-time phone call and video chat

Installation

  1. Clone the repository:
  git clone https://github.com/your-username/telegram-clone.git
  1. Install dependencies:
  npm install

  1. Configure environment variables: Rename the .env.example file to .env and update the values according to your environment.

  2. Start development server:

  npm run dev

Usage

  1. Open your web browser and navigate to the application's URL.
  2. Register or log in to your account.
  3. Start sending and receiving messages with other users.
  4. Explore the different features and functionalities of the Telegram Clone.

Tech Stack

Client: Next.js 13, Zustand, Typescript, Tailwind.css, auto-animate

Server: Node, Express, Socket.io, JWT, Mongodb

Author

Extension points exported contracts — how you extend this code

userProps (Interface)
(no doc)
client/src/types.d.ts
ChatListProps (Interface)
(no doc)
client/src/types.d.ts
selectedUserState (Interface)
(no doc)
client/src/types.d.ts
userState (Interface)
(no doc)
client/src/types.d.ts
AvatarProps (Interface)
(no doc)
client/src/types.d.ts

Core symbols most depended-on inside this repo

filter
called by 2
client/src/types.d.ts
map
called by 2
client/src/types.d.ts
fetchUsers
called by 2
client/src/lib/fetchers.ts
fetchMessages
called by 2
client/src/lib/fetchers.ts
reverse
called by 1
client/src/types.d.ts
handleSubmit
called by 1
client/src/lib/fetchers.ts
fetchUser
called by 1
client/src/lib/fetchers.ts
rewrites
called by 0
client/next.config.js

Shape

Function 35
Interface 5
Method 3

Languages

TypeScript100%

Modules by API surface

client/src/types.d.ts8 symbols
client/src/utils/icons.tsx5 symbols
client/src/lib/fetchers.ts4 symbols
client/src/components/Chat-Threads/MessageInp.tsx3 symbols
client/src/components/SideBar/ChatItem.tsx2 symbols
client/src/components/Chat-Threads/Topbar.tsx2 symbols
client/src/components/Chat-Threads/CallBtn.tsx2 symbols
client/src/app/chat/room/page.tsx2 symbols
client/src/components/TelegramLoading.tsx1 symbols
client/src/components/SideBar/Sidebar.tsx1 symbols
client/src/components/SideBar/SearchBar.tsx1 symbols
client/src/components/SideBar/ChatList.tsx1 symbols

Datastores touched

UserCollection · 1 repos
(mongodb)Database · 1 repos

For agents

$ claude mcp add chatgram \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page