Hei!
I'm Oscar.

A full-stack developer based in Helsinki, Finland. I craft user-friendly apps with human-friendly code, using Typescript and React.

Recent projects

My latest work

Screenshot

MindDrop

A visual workspace for organising your projects, studies, research, and ideas.

Screenshot

Whim

A highly customisable block based rich text editor inspired by Notion.

Screenshot

StudyRabbit

A visual workspace for organising your projects, studies, research, and ideas.

Screenshot

21st Night

a studying app built around memory.

Tooltkit

Tools of my trade

Typescript icon
Typescript

TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.

React icon
React

React is a declarative, efficient, and flexible JavaScript library for building component based user interfaces.

AWS icon
AWS

AWS (Amazon Web Services) is a comprehensive, evolving cloud computing platform provided by Amazon.

Jest icon
Jest

Jest is a delightful JavaScript Testing Framework with a focus on simplicity.

Stripe icon
Stripe

Stripe enables businesses and individuals to accept payments using their rich API and robust platform.

Slate JS icon
Slate JS

A completely customizable framework for building rich text editors.

Radix UI icon
Radix UI

Unstyled, accessible components for building high‑quality design systems and web apps in React.

CouchDB icon
CouchDB

CouchDB is a JSON based database with seamless multi-master sync and an Intuitive API designed for Reliability.

Typescript icon
Typescript

TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.

React icon
React

React is a declarative, efficient, and flexible JavaScript library for building component based user interfaces.

AWS icon
AWS

AWS (Amazon Web Services) is a comprehensive, evolving cloud computing platform provided by Amazon.

Jest icon
Jest

Jest is a delightful JavaScript Testing Framework with a focus on simplicity.

Stripe icon
Stripe

Stripe enables businesses and individuals to accept payments using their rich API and robust platform.

Slate JS icon
Slate JS

A completely customizable framework for building rich text editors.

Radix UI icon
Radix UI

Unstyled, accessible components for building high‑quality design systems and web apps in React.

CouchDB icon
CouchDB

CouchDB is a JSON based database with seamless multi-master sync and an Intuitive API designed for Reliability.

Google Cloud icon
Google Cloud

A suite of cloud computing services that runs on the same infrastructure that Google uses internally.

Storybook icon
Storybook

Storybook is an open source tool for building UI components and pages in isolation.

PouchDB icon
PouchDB

PouchDB is an open-source JavaScript database that is designed to run well within the browser.

Firebase icon
Firebase

Firebase is a platform developed by Google for creating mobile and web applications.

Hygen icon
Hygen

Hygen is a scalable code generator that that lives in your project.

Stitches icon
Stitches

CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

React Native icon
React Native

React Native combines the best parts of native development with React, a JavaScript library for building user interfaces.

MongoDB icon
MongoDB

A document-oriented NoSQL database used for high volume data storage.

Material UI icon
Material UI

MUI offers a comprehensive suite of UI tools to help you ship new features faster.

Google Cloud icon
Google Cloud

A suite of cloud computing services that runs on the same infrastructure that Google uses internally.

Storybook icon
Storybook

Storybook is an open source tool for building UI components and pages in isolation.

PouchDB icon
PouchDB

PouchDB is an open-source JavaScript database that is designed to run well within the browser.

Firebase icon
Firebase

Firebase is a platform developed by Google for creating mobile and web applications.

Hygen icon
Hygen

Hygen is a scalable code generator that that lives in your project.

Stitches icon
Stitches

CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

React Native icon
React Native

React Native combines the best parts of native development with React, a JavaScript library for building user interfaces.

MongoDB icon
MongoDB

A document-oriented NoSQL database used for high volume data storage.

Material UI icon
Material UI

MUI offers a comprehensive suite of UI tools to help you ship new features faster.

Process

Four steps to quality code

One of my main goals as a developer is to craft human-friendly, future-proof code. Code that anyone can pick up with ease at any point.
Document
I begin by documenting the functionality which I'm about to implement. This helps me identify the requirements and leads to a well-documented project.
Specify
I create a test which checks that a specific requirement functions as expected. This provides an implementation objective and leads to a well-tested project.
Implement
I write the simplest code that passes the new test and nothing more. This keeps the code simple and on point.
Refactor
I refactor the code as needed for readability and maintainability, separating out complex or re-usable code into separate functions.
rich-text-element.mdx
Contact

Say hello!

To:Oscar Coniel - oscar@coniel.com
Subject:
From: