projects 🫧


nicoleisxyz v2 🌱

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

outverse 🪐

working full-time frontend with the team at Outverse - building a product around community 💫
Svelte | TypeScript | Tailwind | Storybook


the win jar 🏆

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

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


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


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


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

illustration of a woman with wavy hair on a laptop in space