Skip to content
Ritual app for ending the work day inspired by Deep Work
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
components Fix Native compat Nov 3, 2018
static Fix Add to Homescreen on Firefox on Android (#20) Jan 10, 2019
tools
.babelrc.js
.eslintignore Put cosmos files into tools dir Oct 25, 2018
.eslintrc
.gitignore Create data file example and ignore used one Oct 25, 2018
.prettierrc
App.cosmos.js Put cosmos files into tools dir Oct 25, 2018
App.dom.js
App.js Organize files (#7) Oct 25, 2018
DEVLOG.md
LICENSE
README.md Fix grammar and remove ambiguity (#18) Nov 3, 2018
TODO.md
app.json Convert components to react-native-web (#2) Aug 6, 2018
data.example.js
global.js Fix global imports in main build Oct 31, 2018
logo.png Add favicon and webmanifest (#9) Oct 28, 2018
now.json
package.json Make scripts Windows-compatible (part 2) Nov 1, 2018
rn-cli.config.js Convert components to react-native-web (#2) Aug 6, 2018
screen.gif Add gif Oct 30, 2018
screen1.png Add multiple screenshots Oct 28, 2018
screen2.png Add multiple screenshots Oct 28, 2018
screen3.png Add multiple screenshots Oct 28, 2018
yarn.lock

README.md

Jobs Done!

Live demoHacker NewsRedditProduct Hunt

Ritual app for ending the work day inspired by Deep Work

Screenshot Screenshot Screenshot

Jump to:

Motivation

Jobs Done! is built on Cal Newport's shutdown ritual concept from his book "Deep Work".

The need for a shutdown ritual comes from the following (oversimplified) reasoning:

  1. Deep focus is invaluable for producing great work
  2. We can only sustain deep focus for a limited amount of hours per day
  3. To be able to focus deeply consistently, our mind requires rest (ie. complete disconnect from work) between working sessions

The app name is inspired by the loyal Peasant

How it works

You decide it's time to call it a day.

You are guided through a set of (customizable) steps meant to relieve your mind from work-related thoughts. The steps often involve formalizing thoughts into tasks and creating a plan for tomorrow. Each step can have one more external links attached.

Then you say a "set phrase" out loud. The set phrase is personal, so choose a phrase you resonate with. Verbalizing your set phrase "provides a simple cue to your mind that it's safe to release work-related thoughts for the rest of the day."

Finally, you're presented a collection of (customizable) pastime activities you can do to disconnect.

I extended the original shutdown ritual with the last step because I've often found myself clueless about how to spend my evening after a day fully immersed in work.

Tech stack

Jobs Done! is a React Native app built with React Native for Web. For web publishing, Jobs Done! compiles into a static app with the app data embedded in the frontend build.

The project features a custom server-side rendering implementation, which might be interesting for someone trying to understand how SSR (Server-Side Rendering) works.

Styles are defined universally using styled-components. Same styles compile to native platforms as well as browsers (on both client and server side). Pretty cool!

How to use

Install

Clone this repo and run yarn install.

Copy data.example.js as data.js in project root. Customize it with your info later.

Run

Run yarn start to start the web app locally in dev mode.

Run yarn cosmos to browse components independently.

Publish

Run yarn build to create (static) production build.

Go to build dir and publish it using something like Now or Surge.

Native

The aforementioned instructions are for running and publishing the web app, but this is a React Native project. I did test Jobs Done! on Android and iOS simulator, but I didn't bother publishing it on app stores. The web version works just fine on both desktop and mobile ¯\_(ツ)_/¯.

Open two terminals to load the app on native devices or simulators. In the first run yarn cosmos:native. In the second run yarn start:native for Expo or yarn ios or yarn android for a specific platform.

License

MIT © Ovidiu Cherecheș

You can’t perform that action at this time.