https://github.com/nmk78/zoom-like-app

Zoom liked video conferencing app with Nextjs, Stream
https://github.com/nmk78/zoom-like-app

clerk getstream-io nextjs videoconferencing-room

Last synced: 2 months ago
JSON representation

Zoom liked video conferencing app with Nextjs, Stream

• Host: GitHub
• URL: https://github.com/nmk78/zoom-like-app
• Owner: Nmk78
• Created: 2024-05-09T18:58:10.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-11-07T12:54:22.000Z (2 months ago)
• Last Synced: 2024-11-07T13:49:23.557Z (2 months ago)
• Topics: clerk, getstream-io, nextjs, videoconferencing-room
• Language: JavaScript
• Homepage: https://mooz-nmk.vercel.app
• Size: 6.44 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# nowconnect - Video Meeting Application

nowconnect is a video meeting application built with Next.js, Shadcn UI, Clerk for authentication, and Stream Video SDK for video call functionality. The application allows users to schedule, join, and manage video meetings. It also supports viewing upcoming meetings, past meetings, and recorded meetings.

## Features

-   **User Authentication**: Secure authentication using Clerk.

-   **Video Meetings**: Create, join, and manage video meetings with Stream Video SDK.

-   **Upcoming Meetings**: View a list of scheduled meetings.

-   **Past Meetings**: View a list of past meetings.

-   **Recorded Meetings**: Access and view recorded meetings.

-   **Responsive Design**: Ensures a great user experience on both desktop and mobile devices.

## Usage

### Scheduling a Meeting

1.  Click on the "Schedule Meeting" button.

2.  Fill in the meeting details such as title, description, and select a date and time.

3.  Click "Create Meeting" to schedule the meeting. If successful, the meeting link will be copied to the clipboard.

### Joining a Meeting

1.  Click on the "Join Meeting" button.

2.  Enter the meeting code or link.

3.  Join the meeting.

### Viewing Recordings

1.  Click on the "Recordings" button to view all recorded meetings.

2.  Click on a recording to view the details and playback.

## Customization

### UI Components

The UI components are styled using Tailwind CSS. You can customize the styles by editing the Tailwind configuration and CSS classes in the components. Used shadcn for some components.

### Modals and Dialogs

Modals are implemented to handle different types of meetings (instant, scheduled, and joining). You can find the modal component and customize its behavior and appearance.

### Custom Hooks

Several custom hooks are used for managing the state and API calls. For example, `useGetCallsByUser` fetches the calls associated with the logged-in user.

## Known Issues

-   Ensure your system clock is accurate to avoid JWT token errors with Clerk.

    -   This can be fixed by syncing the time in your system settings.

-   If you encounter any issues with the video SDK, refer to the Stream documentation for troubleshooting.

## Reference

This repository was very helpful for this project: [Zoom Clone](https://github.com/adrianhajdin/zoom-clone)