mayari 🌙✨ | projects

2023

alphabet superset - A to Z of coding curiosities

I am currently undergoing the Alphabet Superset challenge! Each week, for each letter of the alphabet, I’m 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! And of course, it’s a great way for me to practice coding and experiment with Svelte!

mayari.io 🌱

this website! built with Svelte & SvelteKit ❤️
Svelte | Tailwind | Markdown

outverse 🪐

working full-time frontend with the team at Outverse 💫
Svelte | TypeScript | Tailwind | Storybook

2022

the win jar 🏆

nicoleisxyz v1 🌱

my old portfolio site, originally build with Gatsby (and featured in the Gatsby newsletter!), then migrated to Astro ~ live
Gatsby > Astro | Tailwind | Ghost CMS > Markdown

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#

projects 🫧