Todoist Manager

A React application for managing Todoist tasks, designed for cultural producers.

Features

• Connect to your Todoist account using API token
• View and manage tasks across multiple projects
• Add new tasks to specific projects or inbox
• Complete and delete tasks
• Category-based icons (Violin, Programming, Humak)

Getting Started

Prerequisites

• Node.js (v18 or higher)
• A Todoist account with an API token

Installation

1. Install dependencies:

npm install

2. Configure your environment variables:

cp .env.example .env

3. Add your Todoist API token to .env:

VITE_TODOIST_API_TOKEN=your_actual_token_here

Running the Application

Start the development server:

npm run dev

The application will be available at http://localhost:5173

Building for Production

npm run build

The production-ready files will be in the dist folder.

Preview Production Build

npm run preview

Getting Your Todoist API Token

1. Go to Todoist
2. Navigate to Settings → Integrations
3. Find and copy your API token
4. Add it to your .env file as VITE_TODOIST_API_TOKEN

Note: If you set the token in .env, the application will automatically authenticate when you start it. Otherwise, you can enter it manually in the login screen.

Recommended Projects

For best experience, create these projects in your Todoist:

• Viulu
• Ohjelmointi
• Humak

Tech Stack

• React 18
• Vite
• Tailwind CSS
• Lucide React (icons)
• Todoist REST API v2