Talkdesk is a feature-packed Calendly clone built with Next.js, React, Tailwind CSS, Prisma, Neon, Clerk, and Shadcn UI. It enables seamless meeting scheduling, event management, and authentication functionality with an elegant and responsive design.
This project integrates the Google Calendar API, managed via Google Cloud Console, to streamline scheduling and event syncing.
π Live Demo
Check out the live demo here π.
- π Meeting Scheduling: Effortlessly schedule meetings with a user-friendly interface.
- π Authentication: Secure user authentication using Clerk.
- π οΈ Event Management: A system for managing meetings and events.
- β‘ Responsive Design: Optimized for mobile and desktop using Tailwind CSS.
- ποΈ Database Integration: Data is securely stored with Prisma and Neon.
- π Google Calendar Sync: Integrated Google Calendar API for syncing events.
- Next.js - A powerful framework for building fast, scalable web applications.
- React - A component-based JavaScript library for building user interfaces.
- Tailwind CSS - A utility-first CSS framework that makes it easy to build responsive UIs.
- Prisma - An ORM for managing databases seamlessly with JavaScript and TypeScript.
- Neon - A serverless PostgreSQL database solution optimized for cloud-native applications.
- Clerk - A service that simplifies authentication and user management.
- Shadcn UI - A highly customizable and accessible component library for modern web applications.
- Google Cloud Console - Used to manage the Google Calendar API for scheduling events.
To run Talkdesk locally, follow these steps:
-
Clone the repository:
git clone https://github.com/soumojit622/talkdesk.git cd talkdesk
-
Install dependencies:
npm install
-
Set up environment variables:
Create a
.env
file in the root directory and add the following:DATABASE_URL=your-neon-database-url NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your-clerk-publishable-key CLERK_SECRET_KEY=your-clerk-secret-key NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
-
Start the development server:
npm run dev
-
Open http://localhost:3000 to view the app.
- Sign up or log in using Clerk authentication.
- Schedule meetings: Select a date and time for your meetings.
- Manage events: View past and upcoming events in your dashboard.
- Join meetings: Use integrated meeting links to join.
We welcome all contributions! Here's how you can contribute:
- Fork the repository.
- Create a new branch:
git checkout -b feature-branch
- Commit your changes:
git commit -m "Add your feature"
- Push the branch:
git push origin feature-branch
- Open a pull request.
For any questions or feedback, feel free to contact me:
- Email: soumojitbanerjee22@gmail.com
π¨βπ» Made by Soumojit Banerjee
Feel free to connect with me on LinkedIn.
Thanks to the amazing teams behind Next.js, Prisma, Neon, Clerk, Google Cloud Console, and Shadcn UI for their powerful tools and resources.
A special thanks to ChatGPT for all your support in completing this project!