Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/utsavpatel562/zoom-clone

Zoom Clone using Next.js, TypeScript, Tailwind CSS, GetStream and Clerk.
https://github.com/utsavpatel562/zoom-clone

clerk getstream-io javascript nextjs14 tailwindcss typescript-react vercel zoom-clone

Last synced: 27 days ago
JSON representation

Zoom Clone using Next.js, TypeScript, Tailwind CSS, GetStream and Clerk.

Host: GitHub
URL: https://github.com/utsavpatel562/zoom-clone
Owner: utsavpatel562
Created: 2024-06-07T15:28:48.000Z (7 months ago)
Default Branch: main
Last Pushed: 2024-11-17T20:21:05.000Z (about 1 month ago)
Last Synced: 2024-11-17T21:25:25.726Z (about 1 month ago)
Topics: clerk, getstream-io, javascript, nextjs14, tailwindcss, typescript-react, vercel, zoom-clone
Language: TypeScript
Homepage: https://zoom-clone-iota-six.vercel.app
Size: 7.62 MB
Stars: 6
Watchers: 1
Forks: 4
Open Issues: 0
Metadata Files:
- Readme: README.md
- Security: SECURITY.md

Awesome Lists containing this project

README

# Zoom Clone 🚀 - A Project by Utsav Patel

A feature-rich Zoom clone built with modern technologies such as TypeScript, Next.js, Tailwind CSS, Shadcn, GetStream, Clerk, and Node.js.

## Features ✨

- 🔒 User Authentication with Clerk
- 💬 Real-time messaging with GetStream
- 📹 Video conferencing
- 📱 Responsive UI with Tailwind CSS
- ⚡ Server-side rendering with Next.js
- 🚀 Deployment: Deployed using Vercel for seamless deployment and hosting.

## Tech Stack 🛠️

- **Frontend**: TypeScript, Next.js, Tailwind CSS, Shadcn
- **Backend**: Node.js
- **Authentication**: Clerk
- **Real-time Messaging**: GetStream
- **Deployment**: Vercel

### Prerequisites ✅

- Node.js (v14.x or later)
- npm or yarn

### Steps 📝

1. **Clone the repository:**
```bash
git clone https://github.com/utsavpatel562/zoom-clone.git
cd zoom-clone

### Install dependencies 📦
```bash
npm install
# or
yarn install
```

### Set up environment variables
Create a .env.local file in the root directory and add the following variables:
```bash
NEXT_PUBLIC_CLERK_FRONTEND_API=your-clerk-frontend-api
CLERK_API_KEY=your-clerk-api-key
STREAM_API_KEY=your-getstream-api-key
STREAM_API_SECRET=your-getstream-api-secret
```
### Usage 🚀
User Authentication 🔐

Messaging

Real-time messaging is enabled using GetStream.

Video Conferencing

Start or join a video call session.

### Project Structure 🗂️
```bash
.
├── components # Reusable UI components
├── pages # Next.js pages
├── public # Static assets
├── styles # Tailwind CSS styles
├── utils # Utility functions
├── server # Node.js server code
├── .env.local # Environment variables
├── README.md # Project documentation
├── package.json # Project dependencies and scripts
└── tsconfig.json # TypeScript configuration
```

### Contributing 🤝
Contributions are welcome! Please fork the repository and create a pull request.

### License 📄
This project is licensed under the MIT License.

### Acknowledgements 🙌

Next.js

Tailwind CSS

Shadcn

GetStream

Clerk

Node.js

Vercel

### Contact 📧
If you have any questions or feedback, please reach out to me at [email protected]