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 šŸ“¦

npm install
# or
yarn install

Set up environment variables

Create a .env.local file in the root directory and add the following variables:

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 šŸ”

  • Sign up or log in using Clerk for user authentication.
  • Messaging
  • Real-time messaging is enabled using GetStream.
  • Video Conferencing
  • Start or join a video call session.
  • Project Structure šŸ—‚ļø

    .
    ā”œā”€ā”€ 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

    Top categories

    tailwind logo

    Need a Tailwind website built?

    Hire a professional TailwindCSS developer today.
    Loading Svelte Themes