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

21st Night

A studying app built around memory.

Screenshot

StudyRabbit

A learning app for International Baccalaureate students centered around bite sized lessons and spaced repetition.

Screenshot

Whim

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

Screenshot

MindDrop

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

Screenshot

21st Night

A studying app built around memory.

Screenshot

StudyRabbit

A learning app for International Baccalaureate students centered around bite sized lessons and spaced repetition.

Screenshot

Whim

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

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.

Electron icon
Electron

A framework for building cross-platform desktop apps with JavaScript, HTML, and CSS.

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.

Whim icon
Whim

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

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.

Electron icon
Electron

A framework for building cross-platform desktop apps with JavaScript, HTML, and CSS.

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.

Whim icon
Whim

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

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.

Lerna icon
Lerna

A fast modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.

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.

Lerna icon
Lerna

A fast modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.

Typescript icon
Typescript
Node icon
Node
React icon
React
React Native icon
React Native
Electron JS icon
Electron JS
Jest icon
Jest
Cypress icon
Cypress
Lerna icon
Lerna
Storybook icon
Storybook
Firebase icon
Firebase
AWS icon
AWS
CouchDB icon
CouchDB
PouchDB icon
PouchDB
MongoDB icon
MongoDB
Material UI icon
Material UI
Radix UI icon
Radix UI
Whim icon
Whim
Hygen icon
Hygen
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.
file-reference.mdx
### createFileReference

Creates a new file reference from a file and dispatches a `files:create`
event. Returns a promise which resolves to the new file reference.

```ts
Files.create(
  core: Core,
  file: File,
): Promise<FileReference>
```

<ArgsTable
  data={[
    {
      name: 'core',
      type: 'Core',
      description:
        'The IDs of the resources to which this file is attached.',
    },
    {
      name: 'file',
      type: 'File',
      description: 'A file object.',
    },
  ]}
/>
Contact

Say hello!

Oscar Coniel - oscar@coniel.com
“Any fool can write code that a computer can understand. Good programmers write code that humans can understand.”
‒ Martin Fowler