projects ๐Ÿซง

2025

orbits ๐ŸŒ

a personal network visualiser, your second brain for who you know and who you meet.
SvelteKit | Tailwind | TypeScript | Memgraph | Supabase

Echoing @vilinskyy.bsky.social; โ€œI believe my network is more important than any other asset I own. My network has thousands of resourceful people who helped me tremendously in almost every personal or professional venture.โ€ Iโ€™m building Orbits, for the value in our human connections ๐Ÿ’ซ

[image or embed]โ€” maya ๐ŸŒ™โœจ (@maya.computer) June 15, 2025 at 10:15 PM

Just signed up for @maya.computer's excellent www.orbits.so app. Mad props for delivering a truly delightful combination of thoughtful design and technical rigour. It's going to be a fantastic way to keep up with all the lovely folks I met at #SvelteSummit ๐Ÿซถ

[image or embed]

โ€” Oliver Turner (@oliverturner.cloud) May 11, 2025 at 14:44

Loved this new kind of contact network from @maya.computer

[image or embed]

โ€” Lu wilson (@todepond.com) March 1, 2025 at 9:12 AM

new feature!! LinkedIn import now available for all Orbits Pro users use code LINKEDIN for 40% off lifetime discount for Pro on the yearly plan ๐Ÿ’œ orbits.so

[image or embed]

โ€” maya ๐ŸŒ™โœจ (@maya.computer) June 15, 2025 at 8:58 PM

๐Ÿงต orbits.so, your second brain for who you know and who you meet ๐Ÿ’ซ prototyped at @tldraw event a while back, opened access last week, now at 72 users and first 3 paid customers ๐Ÿฅน this month you can get a whole 60% off lifetime discount for the pro tier, the lowest it will ever be! donโ€™t miss out ๐Ÿ‘€

[image or embed]

โ€” maya ๐ŸŒ™โœจ (@maya.computer) March 9, 2025 at 11:36 PM

a lil demo โœจ

[image or embed]

โ€” maya ๐ŸŒ™โœจ (@maya.computer) March 9, 2025 at 11:38 PM

2024

radical ๐Ÿ“…

a visual calendar app where you can see your time differently. making calendars more fun, less overwhelming + escaping the traditional calendar grid interfaces.
SvelteKit | Tailwind | TypeScript

adhd.directory ๐Ÿ’Š

a tool to help ADHD folks find medication + independent pharmacies amongst the medication shortage (100-200 users p/day)
SvelteKit | Tailwind | TypeScript | Supabase

visual tasks

personal exploration with tldraw and todoist to visualise tasks on a canvas
SvelteKit | tldraw

alphabet superset - A to Z of coding curiosities

the Alphabet Superset challenge: for each letter of the alphabet, creating a small project in svelte. itโ€™s a way for me to get used to building quickly, getting creative and just getting something out in the world!

A is for ADHD: Svelte Fidget
a variety of virtual fidget toys
SvelteKit | Tailwind

B is for Bebo: BeHere Social App
a revival of the Y2K social media site Bebo
SvelteKit | Tailwind | Firebase

C is for Cats: Slack Cats
a collection of the best cat emojis to spice up your Slack emoji directory
SvelteKit | Tailwind

D is for Dimension: 3D CozyTimer
a pomodoro timer app with cozy 3D scenes
SvelteKit | Tailwind | Threlte

E is for Escape: Aurasphere 3D Space with Threlte
a calming 3D environment to help you ground yourself. entry for the first Threlte hackathon, winning 3rd place
SvelteKit | Tailwind | Threlte

F is for Finder: ADHD Directory - Medication Stock Checker and Pharmacy Finder
a tool to help ADHD folks find medication + independent pharmacies amongst the medication shortage (100-200 users p/day)
SvelteKit | Tailwind | TypeScript | Supabase

G is for Gym: WhatWeights Barbell Calculator
a barbell weight calculator to help you easily figure out what plates you need on the bar. it accompanies me every gym session!
SvelteKit | Tailwind

2023

mayari.io ๐ŸŒฑ

this website! built with SvelteKit โค๏ธ
SvelteKit | Tailwind | Markdown

outverse ๐Ÿช

working full-time frontend with the team at Outverse ๐Ÿ’ซ
SvelteKit | TypeScript | Tailwind | Storybook

2022

the win jar ๐Ÿ†

my entry for the AWS Amplify x Hashnode hackathon ~ writeup
React | TypeScript | Tailwind | Storybook | Material UI | AWS

2021

hipeople ๐Ÿ‘‹

my first role in web development; worked full-time frontend with the team at HiPeople - building a product in the HRTech sphere ๐Ÿ’ซ
React | TypeScript | Storybook

iMage the Photo Wizard ๐Ÿช„

my first technical challenge for a job - a single-page React app where you can search Unsplash API for images ~ github | live
React | API

2020

the year I started learning web development

gradient generator

a customisable linear gradient generator built with HTML, CSS & JS - pick your own colour, linear direction and copy the CSS straight to your clipboard ooo ~ github | live
HTML | CSS | JavaScript

huddle landing page

a responsive landing page to flex my styling muscles, no pun intended ๐Ÿคช ~ github | live
HTML | CSS | Sass

price grid component

a frontend mentor challenge with a slightly more complex layout ~ github | live
HTML | CSS (using flex/grid)

profile card component

my very first frontend mentor challenge! a small, static card component ~ github | live
HTML | CSS

assembler

a Nand to Tetris course assignment - translates programs written in the N2T Hack assembly language into machine code ~ github
C#