jobs-done
jobs-done copied to clipboard
Ritual app for ending the work day inspired by Deep Work
Jobs Done!
Live demo ◌ Hacker News ◌ Reddit ◌ Product Hunt
Ritual app for ending the work day inspired by Deep Work
![Screenshot](https://github.com/ovidiuch/jobs-done/raw/master/screen1.png)
![Screenshot](https://github.com/ovidiuch/jobs-done/raw/master/screen2.png)
![Screenshot](https://github.com/ovidiuch/jobs-done/raw/master/screen3.png)
Jump to:
- Motivation
- How it works
- Tech stack
- How to use
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:
- Deep focus is invaluable for producing great work
- We can only sustain deep focus for a limited amount of hours per day
- 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ș