🚀 Talkdesk

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 🎉.

🚩 Features

• 📅 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.

📑 Technologies Used

• 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.

🛠️ Installation

To run Talkdesk locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/soumojit622/talkdesk.git
   cd talkdesk
   

2. Install dependencies:

   npm install
   

3. 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
   

4. Start the development server:

   npm run dev
   

5. Open http://localhost:3000 to view the app.

💻 Usage

1. Sign up or log in using Clerk authentication.
2. Schedule meetings: Select a date and time for your meetings.
3. Manage events: View past and upcoming events in your dashboard.
4. Join meetings: Use integrated meeting links to join.

💬 Contributing

We welcome all contributions! Here's how you can contribute:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature-branch
   

3. Commit your changes:

   git commit -m "Add your feature"
   

4. Push the branch:

   git push origin feature-branch
   

5. Open a pull request.

📧 Contact

For any questions or feedback, feel free to contact me:

• Email: [email protected]

👨‍💻 Made by Soumojit Banerjee

Feel free to connect with me on LinkedIn.

🙏 Acknowledgements

Thanks to the amazing teams behind Next.js, Prisma, Neon, Clerk, Google Cloud Console, and Shadcn UI for their powerful tools and resources.

❤️ Special Thanks

A special thanks to ChatGPT for all your support in completing this project!