Time-Block Planner

Cal Newport Method

Today's Schedule

Deep Work Hours: 0.0

Blocks Completed: 0

Start Time:

End Time:

Not Connected

Google Client ID: Format: numbers-alphanumeric.apps.googleusercontent.com

Google API Key: 39 characters (letters, numbers, - and _)

Go to "APIs & Services" → "Credentials"
Click "Create Credentials" → "OAuth client ID"
If prompted, configure the OAuth consent screen:
- Choose "External" user type
- Fill in app name, user support email, and developer email
- Add scopes: calendar.readonly and calendar.events
- Add your email as a test user
Select "Web application" as application type
Add authorized JavaScript origins:
- http://localhost:8000 (for local development)
- http://localhost:3000 (alternative port)
- Your production domain (if applicable)
Add authorized redirect URIs:
- http://localhost:8000
- http://localhost:3000
Click "Create" and copy your Client ID

Local Development: This app must be served via HTTP (not file://). Use a local server:
```
python -m http.server 8000
```
or
```
npx http-server -p 8000
```
Security: Your credentials are stored locally in your browser only
OAuth Scopes Required:
- https://www.googleapis.com/auth/calendar.readonly - Read calendar events
- https://www.googleapis.com/auth/calendar.events - Create/modify events