Projects

Bokeh

Play

Hancock

[secret chat app]

Beacon

Neutral

In my spare time, I work on an app called Neutral. It’s a simple, subscription-based app to help contribute to the issue of climate change through reforestation. You simply sign up and fill in a lifestyle questionnaire, which combines your information with U.S. EPA and other data sources to calculate your CO₂e emissions. Then, you can subscribe to a tailored offset plan in the country of your choice, designed to reduce your carbon dioxide equivalent to zero (or whatever you prefer).

I started working on Neutral after “Black Summer” - the period of unusually intense bushfires in 2020 that ravaged many parts of Australia. I started by trying to reduce my own carbon footprint in my daily life by swapping Uber rides for walking, reducing electricity usage around the house and taking less flights (COVID-19 may have been a helpful factor here).

Realising that it's virtually impossible to live a carbon neutral lifestyle nowadays, I started looking at reforestation - the primary method of offsetting your carbon emissions. There are many organisations out there that allow you to make donations, but they're typically one-off. There are also many calculators online to estimate your emissions, but I found them typically inaccurate or difficult to use. I also found a few people building in this space (which is brilliant) but none of them supported reforestation programs in Australia, or in many places other than Africa.

Unified, strict editor configuration for modern Next.js + Tailwind apps.

Harmony is a unified editor configuration for modern Next.js + Tailwind apps, designed to work seamlessly together and enforce hyper-strict syntax rules as you type to help you write bulletproof code.

It combines with pre-defined rulesets for ESLint, as well as the Import, jsx-a11y, React, React Hooks and Typescript. It also includes Prettier with the Tailwind plugin, and Stylelint with the Prettier plugin.

Run the command below to install Harmony:

You'll also need to install peer dependencies, like so:

yarn add -D \
eslint \
eslint-plugin-import \
eslint-plugin-jsx-a11y \
eslint-plugin-react \
eslint-plugin-react-hooks \
@typescript-eslint/eslint-plugin \
@typescript-eslint/parser \
prettier \
prettier-plugin-tailwindcss \
stylelint \
stylelint-prettier \
typescript

If you're running VS Code, ensure you have the following extensions installed:

code --install-extension dbaeumer.vscode-eslint
code --install-extension esbenp.prettier-vscode
code --install-extension bradlc.vscode-tailwindcss
code --install-extension stylelint.vscode-stylelint

Simply add these fields to your package.json:

You can also create seperate files if you'd prefer - .eslintrc, stylelint.config.js and .prettierrc. The import syntax will differ so check the respective websites for details. If these files already exist in your repo (or you have similar fields in your package.json), you'll need to delete them first otherwise there will be conflicts.

Lastly, create the following .vscode/settings.json. This will enable full formatting on save.