Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dheerajgits/peerconnect-client
This frontend repository is for a video calling application built with Next.js and Redux. It features a dynamic and responsive user interface that facilitates peer-to-peer video communication, integrated with PeerJS and WebSocket for real-time interaction. Work still in progress....
https://github.com/dheerajgits/peerconnect-client
nextjs peerjs react redux tailwindcss typescript webrtc websockets
Last synced: 22 days ago
JSON representation
This frontend repository is for a video calling application built with Next.js and Redux. It features a dynamic and responsive user interface that facilitates peer-to-peer video communication, integrated with PeerJS and WebSocket for real-time interaction. Work still in progress....
- Host: GitHub
- URL: https://github.com/dheerajgits/peerconnect-client
- Owner: dheerajGits
- Created: 2024-07-04T17:21:48.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-12-28T08:34:18.000Z (about 2 months ago)
- Last Synced: 2024-12-28T09:24:42.877Z (about 2 months ago)
- Topics: nextjs, peerjs, react, redux, tailwindcss, typescript, webrtc, websockets
- Language: TypeScript
- Homepage:
- Size: 193 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## PeerConnect Client 🚀
The **PeerConnect Client** is the frontend application of the PeerConnect platform, enabling seamless real-time peer-to-peer communication using WebRTC. This client interacts with the backend to establish WebSocket connections and manage signaling for WebRTC calls using Peerjs.
---
### 🌟 Features
- Real-time audio and video communication.
- Peer-to-peer connection using Peerjs.
- Dynamic room creation and participant management.
- Chat feature for text-based communication.
- Secure connections and event signaling via WebSocket.
---
### 🛠 Tech Stack
- **Next**: Frontend framework for building the user interface.
- **Tailwind**: Styling for modern and responsive design.
- **WebRTC**: For peer-to-peer media streaming, implemented using Peerjs.
- **WebSockets**: For signaling, event management and real-time communication and chat.
---
### 🚀 Getting Started
#### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/dheerajGits/PeerConnect-client.git
cd PeerConnect-client`
2. **Install dependencies:**
```bash
`npm install
3. **Environment Setup:**
Create a `.env.local` file in the project root and add the following variables:
env
```bash
MAIN_API_URL=# http://localhost:3030
MAIN_PEERJS_SERVER_URL=` #http://localhost:8080
----------
### Running the Application
1. Start the development server:
```bash
npm run dev
2. Open your browser and navigate to:
`http://localhost:3000`
----------
### 🤝 Contributing
Contributions are welcome! If you'd like to contribute, please:
1. Fork the repository.
2. Create a feature branch (`git checkout -b feature-name`).
3. Commit your changes (`git commit -m "Add feature"`).
4. Push to the branch (`git push origin feature-name`).
5. Open a Pull Request.
----------
### 📧 Contact
For queries or suggestions, feel free to reach out:
- **Author**: Dheeraj Sharma (dheerajGits)
- **Email**: [email protected]
- **LinkedIn**: [Dheeraj Sharma](https://www.linkedin.com/in/dheeraj-sharma-000872239)
----------
Let's connect the world one peer at a time! 🌐