https://github.com/arushsingh03/planzit
Planzit is a calendar scheduling platform built with Next.js, styled with Tailwind CSS and shadcn-ui. It uses Supabase for databases, Nylas for scheduling, and integrates Google Cloud and GitHub for authentication. Plan directly on Planzit or through Google Calendar—everything stays perfectly synced.
https://github.com/arushsingh03/planzit
authjs lucide-icons nextjs nylas react-aria shadcn-ui supabase tailwindcss uploadthing
Last synced: 9 months ago
JSON representation
Planzit is a calendar scheduling platform built with Next.js, styled with Tailwind CSS and shadcn-ui. It uses Supabase for databases, Nylas for scheduling, and integrates Google Cloud and GitHub for authentication. Plan directly on Planzit or through Google Calendar—everything stays perfectly synced.
- Host: GitHub
- URL: https://github.com/arushsingh03/planzit
- Owner: arushsingh03
- Created: 2024-10-17T09:24:02.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-28T14:25:13.000Z (over 1 year ago)
- Last Synced: 2025-10-06T00:03:05.652Z (9 months ago)
- Topics: authjs, lucide-icons, nextjs, nylas, react-aria, shadcn-ui, supabase, tailwindcss, uploadthing
- Language: TypeScript
- Homepage: https://planzit.vercel.app
- Size: 1.68 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
PlanzIt
# Description
Planzit is a calendar scheduling platform built with Next.js, styled using Tailwind CSS and shadcn-ui components. It leverages Supabase for database management, Nylas for scheduling and storage, and integrates Google Cloud and GitHub for authentication. Designed to streamline personal and collaborative planning, Planzit offers a seamless, intuitive experience—all implemented using free tools and services.
# Features
### Quick Signup & Profile Setup:
- Get started in minutes with a simple sign-up process.
- Personalize your profile with relevant details to help others connect with you easily.
### Seamless Calendar Management:
- Manage meetings and events within Planzit.
- Google Calendar Sync: Keep everything synced across platforms to avoid missed meetings and double bookings.
### Effortless Meeting Scheduling:
- Easily schedule meetings by sharing your availability with others.
- Send invites, track RSVPs, and manage attendee status directly from Planzit.
### Real-Time Availability Tracking:
- Quickly check your availability and avoid conflicts with live updates.
- Integrated notifications to remind you of upcoming meetings or last-minute changes.
### Join Meetings in One Tap:
- Access meeting links and join calls with a single tap from your dashboard.
- Stay on top of all your events without juggling multiple apps.
### Intuitive User Experience:
- Clean, responsive design for smooth navigation across all devices.
- Tailored for both personal and professional use, catering to freelancers, businesses, and individuals.
### Centralized Control for All Plans:
- View and manage all meetings, tasks, and events from a single interface.
- Flexible scheduling tools to organize your day with ease.
### _**With Planzit, everything you need to manage your time effectively is at your fingertips—whether you’re scheduling a business meeting, setting personal goals, or coordinating events. Simplify your planning, save time, and never miss an important moment!**_
# Screenshots
#### Hero
#### DashBoard/You Events
> You can Add, Edit, Delete or Preview and Manage Your Events Will full Accessibility
#### Your Active Session
> You can join you meet from here
#### Availability
> You can Manage You Slots
#### User Setting
> You can edit you details, change chnage your Name, profile
# Tech Used
     
### Here’s a Local Setup Guide for your Planzit GitHub repository in:
# Planzit – Local Setup Guide
Follow these steps to set up the Planzit project locally.
## Prerequisites
Make sure you have the following installed:
- **Node.js** (v18.x or higher)
- **npm** or **yarn** (for package management)
- **Git**
- **PostgreSQL** (if required for database setup)
- **Nylas Developer Account** (for Nylas API integration)
## 1. Clone the Repository
Open your terminal and run:
`git clone https://github.com/arushsingh03/planzit.git
cd planzit`
## 2. Install Dependencies
#### Using npm
`npm install`
#### Or using yarn
`yarn install`
## 3. Create a .env File
| **Environment Variable** | **Description** |
|-------------------------------|-----------------------------------------------------------------|
| `AUTH_SECRET` | Secret key used to sign and verify authentication tokens. |
| `AUTH_GITHUB_ID` / `AUTH_GITHUB_SECRET` | GitHub OAuth credentials for enabling GitHub login. |
| `AUTH_GOOGLE_ID` / `AUTH_GOOGLE_SECRET` | Google OAuth credentials for Google login integration. |
| `DATABASE_URL` | Connection string for accessing the primary database. |
| `DIRECT_URL` | Direct access URL for specific database operations or APIs. |
| `NYLAS_API_SECRET_KEY` / `NYLAS_API_URI` / `NYLAS_CLIENT_ID` | Nylas API credentials for email, calendar, or communication sync. |
| `NEXT_PUBLIC_URL` | Public URL for the app, used for client-side requests. |
| `UPLOADTHING_TOKEN` | Token for managing file uploads through UploadThing service. |
## 4. Run the Database (Optional)
If you are using PostgreSQL, make sure the database is running. You can set up the schema by running:
`npx prisma migrate dev`
## 5. Start the Development Server
Run the following command to start the development server:
#### Using npm
`npm run dev`
#### Or using yarn
`yarn dev`
## The application will be available at:
`http://localhost:3000`
## 6. Verify OAuth Setup
Ensure that your GitHub and Google OAuth integrations are correctly configured by testing the login flows. You may need to whitelist http://localhost:3000 in the OAuth provider's settings.
## 7. Sync with Nylas API (Optional)
Make sure you have set up your Nylas credentials and configured the API access properly. Verify that the Nylas sync works for scheduling features.
# Linting and Formatting (Optional)
Run the following commands to ensure code quality:
## 8. Lint the code
`npm run lint`
## 9. Format the code
`npm run format`
## 10. Build the Application (Optional)
To create a production build:
`npm run build`
## 11. Contributing (Optional)
If you plan to contribute, create a new branch:
git checkout -b your-feature-branch
After making changes, push your branch and open a pull request.
## Troubleshooting
Port Conflict: If 3000 is in use, update NEXT_PUBLIC_URL in the .env and run the server on a different port:
`PORT=4000/5000 npm run dev`
Database Issues: Make sure your DATABASE_URL is correct and PostgreSQL is running.
# `Happy coding with ARUSH! ⚙️`
### Click this spaces shuttle to blast off to Planzit! 🚀 Don't worry, it’s not a one-way trip!
