Electron Tasks

A Desktop Client for
Google Tasks

💡 About The Project

Inspiration

Being an avid user of Google Tasks, I found the lack of a desktop client to be an inconvenience. Whenever I needed to access my todo lists on my laptop, it would take me quite a few seconds to would have to navigate to my task lists.
So how did I go about saving myself those few seconds a day?
I spent hours building a desktop client for Google Tasks, of course.

Built With

• React.js
• Redux Toolkit
• Next.js
• Electron
• Typescript
• Google Identity
• Google Tasks API

(back to top)

🚀 Getting Started

To get a local copy up and running follow these steps.

Prerequisites

NPM is required to run this project.

npm install npm@latest -g

Setup

1. Create a new project on the Google Cloud Platform.
2. Navigate to the project's Library tab, and enable Tasks API (not Cloud Tasks API).
3. Also enable the People API.
4. In the Credentials tab, create an API key AND a web application OAuth client ID.
5. Inside your client ID settings, add http://locahost:8000 to the authorized JavaScript origins and Authorized redirect URIs.
6. Finally, Navigate to the OAuth consent screen. Besides filling out the required information, add the scopes Tasks API & People API.

Installation

1. Clone the repo

   git clone https://github.com/pillious/Electron-Tasks.git

2. Install NPM packages

   npm install

3. Create a .env.local file inside the ./renderer folder.
4. Enter your Google Cloud project secrets in .env.local

   NEXT_PUBLIC_CLIENT_ID=your_api_key
   NEXT_PUBLIC_API_KEY=your_api_key
   

5. Run the project

   npm run dev

(back to top)

⚖️ License

Distributed under the MIT License. See LICENSE.txt for more information.

🎯 Contact

Andrew Lee (pillious) - andrewzhlee@gmail.com
(My Website)

📚 Acknowledgments

• Electron Template with Next.js & Typescript

(back to top)