Skip to content

TechWithEmmaYT/Fullstack-PERN-Meetly-Saas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌟 Fullstack Scheduling Calendar SaaS Platform - Meetly

🎥 Watch the Full Video on YouTube

Subscribe to the Channel to stay updated with more exciting projects and tutorials!


❤️ Support the Channel

If you love this project and want to see more, consider supporting the channel:

  • Give this repository a ⭐️ on GitHub.
  • Buy Me a Coffee to help fund more educational content.
  • Like, share, and subscribe to the channel for more tutorials and updates!

📌 Project Overview

🌟 Introducing Meetly — The Smartest Way to Book & Manage Meetings 🗓️ (A Calendly Clone!) A Fullstack Application Built with: Node.js, TypeORM, PostgreSQL, and React.js (Beginner to Pro)


🌟 Key Features

  • 🔑 Easy Sign-Up & Login (Using JWT Authentication)
  • 📅 Create Events (Public or Private)
  • 🔗 Share Your Unique Booking Link (Clients Book Instantly!)
  • ⏳ Set Your Availability & Time Slots (No Double-Booking!)
  • 🌍 Auto-Detect Time Zones
  • 📆 Custom-Built Calendar – No Plugins!
  • 🔄 Integration & Apps (Sync Your Google Meet & Calendar Scratch)
  • ✅ Track Upcoming, Past & Canceled Meetings
  • 🕰️ Switch Between 12h & 24h Formats
  • 💻 Built with: Node.js, TypeORM, PostgreSQL, React.js
  • 🎨 Tailwind CSS v4 & Shadcn-ui

🚀 Tools & Technologies

This project leverages the latest tools and frameworks for modern development:

  • Node.js: Scalable backend architecture
  • React.js: Dynamic frontend framework
  • TypeOrm & Superbase(PostgreSql): Flexible and scalable database solutions
  • Google Calendar Api: Seamless Google Calendar integration
  • TypeScript: For a type-safe codebase
  • TailwindCSS & Shadcn UI: Beautiful, responsive design
  • Vite.js: Lightning-fast frontend development

🔄 Getting Started

1. Watch the Video

Follow along step-by-step by watching the full video on YouTube.

2. Set Up Environment Variables

Create a .env file in the root of your project and configure these variables:

PORT=8000
NODE_ENV=development

DATABASE_URL="postgresql://postgres.<>:<>@aws-0-eu-central-1.pooler.supabase.com:6543/postgres"

JWT_SECRET="jwt_secret_key"
JWT_EXPIRES_IN="1d"

GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GOOGLE_REDIRECT_URI="http://localhost:8000/api/integration/google/callback"

FRONTEND_ORIGIN=http://localhost:5173
FRONTEND_INTEGRATION_URL="http://localhost:5173/app/integrations"

3. Run the Application

Install dependencies and start the development server:

npm install
npm run dev

Access the backend at http://localhost:8000.


🌐 Deploying Meetly

1. Add Environment Variables

Add the .env variables to your hosting platform (e.g., Render).

2. Deploy

Deploy your app using your preferred method to make it live.

📺 Like, Share & Subscribe

Don’t miss out! Subscribe to the Channel for more amazing content and exciting projects.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors