TeleChat is a modern messaging and video calling app (similar to WhatsApp or Telegram). It allows you to:
- Chat with friends in real-time.
- Make crystal-clear video calls.
- Create group chats.
- Enjoy a beautiful, easy-to-use interface.
This guide will help you run this project on your computer, even if you have never written code before!
Before starting, you need to download three free tools. Click the links to download and install them:
- Node.js (Required)
- Download the "LTS" (Long Term Support) version.
- Install it like any normal program.
- Git (Required)
- Download the version for Windows.
- During installation, you can just click "Next" through all the options.
- VS Code (Recommended)
- This is a friendly tool for viewing and running the project code.
- Open VS Code.
- Go to File > Open Folder...
- Select the folder where you saved this project:
.../teley-v2(the folder containing this README file).
The terminal is where we give commands to the computer.
- In VS Code, look at the top menu.
- Click Terminal > New Terminal.
- A panel will open at the bottom of the screen.
Type the following command in the terminal and press Enter:
npm installWait a minute or two while it downloads the necessary files. You might see some text scrolling by โ thatโs normal!
This app needs some "secret keys" to connect to its database and login services.
- On the left side of VS Code, connect to the file explorer.
- Right-click in the empty space and select New File.
- Name the file:
.env.local(don't forget the dot at the beginning!). - Open this new file and paste the following configuration (You will need to ask the project owner for the actual values or set up your own Clerk/Convex/Stream accounts):
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=replace_with_your_key
CLERK_SECRET_KEY=replace_with_your_key
CONVEX_DEPLOYMENT=replace_with_your_key
NEXT_PUBLIC_CONVEX_URL=replace_with_your_key
CLERK_JWT_ISSUER_DOMAIN=replace_with_your_key
NEXT_PUBLIC_STREAM_API_KEY=replace_with_your_key
STREAM_API_SECRET_KEY=replace_with_your_keyNow for the magic moment! Type this command in the terminal and press Enter:
npm run dev- Look at the terminal output. You should see something like:
Ready on http://localhost:5000. - Open your web browser (Chrome, Edge, etc.).
- Type
http://localhost:5000in the address bar and press Enter. - ๐ You should see the TeleChat home page!
"It says npm is not recognized"
- This usually means Node.js wasn't installed correctly or you need to restart your computer after installing it.
"Address already in use :::5000"
- This means the app is already running in another window. Close any other terminals and try again.
"I see login errors"
-
Make sure you filled out the
.env.localfile correctly with valid keys.
- Author: Prem759โ0
- GitHub: https://github.com/Prem759-0
- For questions, open an issue in the repository or reach out via the GitHub Discussions page.
-Email - a70064182@gmail.com -My WhatsApp Phone no - 9619111051
Created with โค๏ธ by Prem Gaikwad