This is full-stack messenger application that allows users to send and receive real-time messages. It includes features usch as authentication, real-time messaging.
- User Authentication: Sign up, log in, and log out functionality.
- Real-Time Messaging: Send and receive messages in real-time using WebSockets.
- Messeage Translation: Translate text before sending to user to any language.
- User Profile: Add profile picture and other details.
- Frontend: React, TailwindCSS, Vite
- Backend: Node.js, Express, WebSockets
- Database: Postgres
- ORM: Primsa
- Authentication: Firebase Authentication
- Deployment: Vercel (Frontend), Render (Backend)
1.Navigate to the frontend folder:
cd connecter/frontend- Install Dependencies:
npm install- Start the development server:
npm run dev1.Navigate to the backend folder:
cd connecter/backend- Install Dependencies:
npm install- Start the development server:
npm run dev1.Navigate to the backend folder:
cd connecter/ws- Install Dependencies:
npm install- Start the development server:
npm run devTo run this project, you will need to add the following environment variables to your .env file:
- VITE_API_URL=http://localhost:Backned-port
- VITE_WS_URL=ws://localhost:Websocket-port
- DATABASE_URL= "Postgres Connection String"
- OPENROUTER_API_KEY= "Your Openrouter Api key"
- FIREBASE_KEY= "Your firebase private key"
- PORT=port