zen

zen copied to clipboard

Zen.

Keep yourself in the zone and focus in the moment.

About Zen.

Zen. is a productivity app that integrates Eisenhower Matrix, Pomodoros, and part of the Get Things Done (GTD) principles in a unique way, to improve your developer routine. The purpose of Zen is to help you staying in the zone.

Demo

Zen. App

Sections

Zenboard:

Section when I can see my main task at the time detailed, a pomodoro timer to track the sessions of work, and a line up of task titles to know what is coming next.

Plan Ahead:

Section that will allow users to add, prioritize them according to the Eisenhower Matrix principle their tasks and build the line up of the day.

Stand Up:

Section will contain the committed task of previous days and help developers to have this info in hand for daily scrum meetings.

Matrix:

Will be the standalone screen of Eisenhower Matrix plus the backlog of unprioritized tasks.

Features

1. Tasks with checklists.

2. Pomodoro + TimeTracker in One.

3. Mobile friendly

4. Eisenhower Matrix

Zen vs Sunday

If you noticed I have another similar productivity app called Sunday in fact, Zen is is extracted from Sunday to be a more personal, minimal and lightweight version of it but as features were rolling out the differences were bigger they are antitesis from one another.

Zen aims to be a flow, another dimension you unblocking your productivity chackras and facing Enlightenment ⛩️, na, just kidding. But seriously it is an unique opinionated behavior on how to be productive in a personal level. It is the relation between me(the user), my goals and my time. The is a work in process on how to connect it with a bigger picture(Projects, Plans, Habits).

Sunday is a self-hosted general purpose productivity app inspired in Monday. with the support for Teams, Members, Spaces (Coming soon?), Tasks, Boards, Stages, Custom Fields, Integrations with Gmail and Calendar is more focused in Job relared activities at the end of the day Sunday comes first than Monday so is beetter to plan ahead doesn't it?

Built With

I used the following.

• Vue 3
• Vite
• Tailwindcss
• firebase (auth & firestore)
• vercel

Getting Started

Prerequisites

node -v

Installation

1. Clone the repo

   git clone https://github.com/jesusantguerrero/zen.git
   

2. Install NPM packages

   npm install
   

copy .env.example to .env:

# Remember place your firebase info there:
cp .env .env.local

3. Run in development mode

   npm run dev
   

4. Build

   npm run build
   

License

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