nimone / todolist

A simple, swift and accessible Google Tasks client with a beautiful interface inspired from todoist.

Todolist 📝

A simple and accessible Google Tasks client with a beautiful interface inspired from todoist. It can also act as a stand alone todolist (without Google Tasks sync).

Todos:

Settings:

Projects:

---

Features 🌟

• Sync all your todos and projects with Google Tasks.
• Stores your data securely in your browser's inbuilt Indexed Database.
• Multiple theme options to customize it to your liking (currently 8 themes).
• Useful sorting options (currently 2 i.e. Newest First or Oldest First).
• Simple & pretty interface - create, edit & delete just the way you expect.

---

Technologies used 🛠️

• React - Front-End JavaScript library
• Redux - A Predictable State Container for JS Apps
• Windi CSS - Next generation utility-first CSS framework
• Feather Icons - Simply beautiful open source icons
• Vite - Frontend Tooling

---

Build yourself

1. Clone this repo

git clone https://github.com/nimone/todolist && cd todolist

2. Install project dependecies

npm install

3. Create .env.local file to store the Google client ID & API key

VITE_GOOGLE_CLIENT_ID=<client-id>
VITE_GOOGLE_API_KEY=<api-key>

4. Build the project and start a local server

npm run build && npm run serve

Or, run a development server using npm run dev