Brittney Postma

I love developing web sites that are beautiful, but also fluid, responsive, and easy to use. I focus on UX/UI design with an extensive knowledge of HTML/CSS/JS, React, Svelte, SEO, and logo design. I have a background in Graphic Design and building out design systems with the Atomic Design methodology. I thrive in the front of the frontend and stitching together the Jamstack. I have recently been working with Next.JS and SvelteKit.

👩🏻‍💻 Work experience

Online Instructor

Auth0

Learner's Path YouTube series for Auth0 teaching Svelte and Svelte-Kit file-based routing, API routes, dynamic routes, global and scoped CSS.

ZTM Academy

Lead a ZTM Academy exclusive Responsive Web Design workshop focused on teaching you how to deliver a fluid, consistent design using modern CSS tools and responsive web design best practices.

Freelance

CodingCat.dev

Built a design system and style guide from scratch and implemented into a Next.JS frontend with TailwindCSS.

🌐 codingcat.dev

Learn Build Teach

Created a new logo design, community meetup templates, and emojis for the Learn Build Teach discord community by James Q. Quick.

🌐 learnbuildteach.com

💻 Technology

SvelteKit

NextJS

TailwindCSS

API's

Markdown

HTML/CSS/JS

🖼 Projects

Coding Cat Dev - NextJS, TailwindCSS, Firebase
Built a design system and style guide from scratch and implemented into a Next.JS frontend with TailwindCSS.
🥇Accomplishments
✏ Created a design system and style guide in Figma.
✏ Used TailwindCSS to use design system in frontend.
✏ Used React with NextJS to integrate API's like Cloudinary and Firebase.
- Screenshot
- Embed
  https://codingcat.dev

Brent DeYoung Builders - NextJS, TailwindCSS, Sanity
Created a new design from scratch and implemented the frontend into a Next.JS, TailwindCSS, and Sanity stack.
🥇Accomplishments
✏ Created a design in Figma.
✏ Used TailwindCSS to use design system in frontend.
✏ Used React with NextJS to integrate with SanityCMS.
- Screenshot
- Embed
  https://main.brentdeyoungbuilders.com/

The Console Logs - Svelte, Sapper, Markdown
In this project, I built a blog site using Svelte and Sapper to keep all of my notes as I was learning development. I am in the process of converting this site to SvelteKit.
🥇Accomplishments
✏ Added PrismaJS to colorize code blocks.
✏ Used remark to pull in Markdown pages and parse them to Sapper.
✏ Notes on over 10 different tech languages in Markdown.
- Screenshot
- Embed
  https://theconsolelogs.com

Volunteer Check In System for Elementary School - Svelte, Sapper, Google Sheets
In this project, I used Svelte and Sapper to build a check-in system for volunteers at my children's elementary school. This app allows volunteers to check in and out when they are at the school and posts the data to a Google Sheet spreadsheet for tracking.
🥇Accomplishments
✏ Built a search box pulling in data from a json file.
✏ Connected to Google Sheets for easy tracking of volunteer hours.
✏ Dealt with time tracking and dates with Svelte and JavaScript.

Due to the sensitive nature of the information, I cannot display this site.