Skip to content

πŸš€ Talkdesk is a scheduling app built with Next.js, React, and Tailwind CSS. It offers seamless πŸ“… meeting scheduling, secure πŸ” authentication with Clerk, and efficient πŸ› οΈ event management. Enjoy responsive design with πŸ“† Google Calendar sync for effortless scheduling!

Notifications You must be signed in to change notification settings

soumojit622/talkdesk

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Sep 28, 2024
cb6c4e2 Β· Sep 28, 2024

History

13 Commits
Sep 27, 2024
Sep 28, 2024
Sep 27, 2024
Sep 27, 2024
Sep 27, 2024
Sep 27, 2024
Sep 28, 2024
Sep 26, 2024
Sep 27, 2024
Sep 27, 2024
Sep 27, 2024
Sep 26, 2024
Sep 27, 2024
Sep 28, 2024
Sep 28, 2024
Sep 27, 2024
Sep 26, 2024
Sep 27, 2024

Repository files navigation

Talkdesk Banner

πŸš€ 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:

πŸ‘¨β€πŸ’» 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!

About

πŸš€ Talkdesk is a scheduling app built with Next.js, React, and Tailwind CSS. It offers seamless πŸ“… meeting scheduling, secure πŸ” authentication with Clerk, and efficient πŸ› οΈ event management. Enjoy responsive design with πŸ“† Google Calendar sync for effortless scheduling!

Topics

Resources

Stars

Watchers

Forks