Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/JaleelB/callsquare

An open-source, feature-rich video conferencing application built with Next.js and 100ms. Offers seamless online meetings with functionalities like screen sharing, participant invites, call history, and more.
https://github.com/JaleelB/callsquare

next-auth nextjs nextjs13 typescript video-call videochat videoconference

Last synced: 5 days ago
JSON representation

Host: GitHub
URL: https://github.com/JaleelB/callsquare
Owner: JaleelB
License: mit
Created: 2023-05-25T03:11:16.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-06-25T04:05:17.000Z (5 months ago)
Last Synced: 2024-08-01T09:25:29.637Z (3 months ago)
Topics: next-auth, nextjs, nextjs13, typescript, video-call, videochat, videoconference
Language: TypeScript
Homepage: https://callsquare.jaleelbennett.com
Size: 1.61 MB
Stars: 119
Watchers: 5
Forks: 14
Open Issues: 1
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        # Callsquare

> **Warning**

> This is a work-in-progress and not the finished product.

>

> I work on this project fir an hour or so whenever I have free time during the night after work. Feel free to leave feature suggestions and/or contribute to the project.

[![Callsquare](./public/web-shot.png)](https://callsquare.jaleelbennett.com/)

## About this project

This project was conceived as an experiment to explore the capabilities of Next.js 13. The primary objective was to build a modern application that incorporates a variety of features including, but not limited to, authentication, API route handlers, middleware, and server components.

The application is designed to simulate a video call platform, providing a practical context in which to apply and test these features. It leverages the power of Next.js 13 to handle server-side operations, routing, and server side rendering.

Key features of the application include:

- User Authentication: Ensuring secure access to the application and protecting user data.

- API Routes: Facilitating communication between the client and server, enabling data exchange for various application features.

- Middleware: Managing the sequence of functions that process requests and responses.

- Server Components: Utilizing Next.js 13's server components to deliver an optimized user experience.

  T

  his project is an ongoing experiment, with plans for further exploration and expansion of its capabilities.

## Known Issues

A list of things not working right now:

1. Share screen functionality is not working.

2. Invite email is not working. (Using React Email and Nodmailer, email sending works, but Resend with React Email throws this error when sending: "The gmail.com domain is not verified. Please, add and verify your domain on Resend". The doamin has been verified and an api key generated for it. I can't seem to find any documentation or issues online that address this.)

## Tech Stack

- [Next.js](https://nextjs.org)

- [NextAuth.js](https://next-auth.js.org)

- [Prisma](https://prisma.io)

- [Tailwind CSS](https://tailwindcss.com)

- [100ms](https://100ms.live)

- [Shadcn UI](https://ui.shadcn.com)

- [React Email](https://react.email/)

- [Resend](https://resend.com/)

## Features to be implemented

- [ ] Invite email with **React Email** and **Resend**

- [x] Scheduling calls

- [ ] Screen Annotations

- [x] Deleting calls records

- [ ] In call chat

- [ ] Call recording

- [x] View call details

- [x] Rejoiing calls

- [ ] Call transcription

- [ ] Call limits

- [ ] Screen sharing

## Installation

### 1. Clone the repository

```bash

git clone https://github.com/JaleelB/callsquare

```

### 2. Install dependencies

```bash

pnpm i

```

### 3. Create a `.env` file

Create a `.env.local` file in the root directory and add the environment variables as shown in the `.env.example` file.

## How do I deploy this?

Follow the deployment guides for [Vercel](https://create.t3.gg/en/deployment/vercel), [Netlify](https://create.t3.gg/en/deployment/netlify) and [Docker](https://create.t3.gg/en/deployment/docker) for more information

## License

Licensed under the MIT License. Check the [LICENSE](./LICENSE) file for details.

## Contributing

Contributions are welcome! Please open an issue if you have any questions or suggestions. Your contributions are welcomed and will be acknowledged.

See the [contributing guide](./CONTRIBUTING.md) for more information.