https://github.com/nimone/todolist

A simple, swift and accessible Google Tasks client with a beautiful interface inspired from todoist.
https://github.com/nimone/todolist

google-api google-tasks reactjs redux todolist

Last synced: about 1 year ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/nimone/todolist
• Owner: nimone
• License: mit
• Created: 2021-09-13T16:06:10.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-11-05T15:01:58.000Z (over 3 years ago)
• Last Synced: 2023-08-31T02:13:09.057Z (over 2 years ago)
• Topics: google-api, google-tasks, reactjs, redux, todolist
• Language: JavaScript
• Homepage: https://react-todolist.pages.dev
• Size: 179 KB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# [Todolist](https://react-todolist.pages.dev/) 📝

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:**

![Todos screenshot](https://i.ibb.co/FHBT0J6/Screenshot-from-2021-11-12-19-39-14.png)

**Settings:**

![Settings screenshot](https://i.ibb.co/6b9V0X4/Screenshot-from-2021-11-12-19-40-14.png)

**Projects:**

![Projects screenshot](https://i.ibb.co/vzkDNLs/Screenshot-from-2021-11-12-19-41-52.png)

---

## 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](https://es.reactjs.org/) - Front-End JavaScript library

- [Redux](https://redux.js.org/) - A Predictable State Container for JS Apps

- [Windi CSS](https://windicss.org/) - Next generation utility-first CSS framework

- [Feather Icons](https://feathericons.com/) - Simply beautiful open source icons

- [Vite](https://vitejs.dev/) - Frontend Tooling

---

## Build yourself

1. Clone this repo

```bash

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

```

2. Install project dependecies

```bash

npm install

```

3. Create `.env.local` file to store the [Google client ID & API key](https://developers.google.com/tasks/firstapp#register-your-project)

```

VITE_GOOGLE_CLIENT_ID=

VITE_GOOGLE_API_KEY=

```

4. Build the project and start a local server

```bash

npm run build && npm run serve

```

> Or, run a development server using `npm run dev`