A modern kanban board application for managing YouTube sponsorship deals, powered directly by Gmail API. Built with Next.js 15, TypeScript, and shadcn/ui components.
The "NetworkError when attempting to fetch resource" error occurs because Google OAuth credentials are not configured.
- Set up Google OAuth credentials (see GMAIL_OAUTH_SETUP.md)
- Update
.env.localwith your actual credentials - Restart the development server
For detailed setup instructions, see:
- GMAIL_OAUTH_SETUP.md - Quick start guide
- docs/GMAIL_SETUP.md - Complete step-by-step guide
- Direct Gmail API Access: No backend required - connects directly to Gmail
- OAuth Authentication: Secure Google OAuth 2.0 authentication
- Real-time Email Data: Always shows current Gmail state
- Label Filtering: Organize emails by Gmail labels
- No Mock Data: Uses real Gmail data exclusively - see Using Real Gmail Data
- Gmail View: Browse and filter emails directly from Gmail
- Kanban View: Traditional kanban board for workflow management
- Toggle Between Views: Easy switching between Gmail and Kanban views
- 9-Stage Workflow:
- Prospecting
- Initial Contact
- Negotiation
- Contract Sent
- Contract Signed
- Content Creation
- Content Review
- Published
- Completed
- Drag & Drop: Move deals between stages
- Deal Details: Track value, contacts, notes, and attachments
- Bulk Operations: Select and move/delete multiple deals
- Node.js 18+ and npm
- Google account
- Google Cloud Console access (free)
-
Clone the repository
git clone <repository-url> cd kanban-app
-
Install dependencies
npm install
-
Set up environment variables
cp .env.example .env.local
-
Configure Google OAuth (see GMAIL_OAUTH_SETUP.md)
-
Run the development server
npm run dev
-
Open the application
- Navigate to http://localhost:3000
- Click "Connect Gmail" to authenticate
Contributions are welcome! Please read our contributing guidelines before submitting PRs.
This project is licensed under the MIT License.