Kari Minger

remembers when everything was in tables not a fan of scroll hijacks chaotic good in games; lawful good in life knitter/crocheter and pattern designer thinks 100vh hero images are so 2018 once pet a TSA security dog first program: a bouncy ball in BASIC

My Development Projects

×

fiftytwo/52

A year-long challenge blog created with a Node.js backend using MongoDB for data. This site has a custom CMS I created in order to create or edit posts, with authentication required in order to do so. It in itself is like a second portfolio as it will feature fifty-two projects I create through the year to grow as a developer.

  • Node.js
  • MongoDB
  • Sass
×

ByeByeBuggy

This is a site created in order to practice using Figma to plan layouts. While reading a forum post, I followed a link to the website of a particular product. That product's website was extremely dated. It had dead links. The console was rife more than 15 errors. It needed a redesign, badly.

In an effort not to insult the creator of the product, in the extremely unlikely event they should ever discover this site, the fictitious ByeByeBuggy product is similar to the product in question, but is not the same. The images are doctored images of another product.

  • SASS
  • JavaScript
  • HTML
  • Figma
×

Organizm

version 1 of ?-- This is a massive undertaking, a life-organization app that handles tasks, calendar, menu-planning, travel-planning, and completely customizable goal and symptom tracking. It will include some reporting functions.

As of version 1, Organizm is a tasks list app with a bit extra added. It also includes a custom date picker so that a goal date can be added to a task. In later versions of the app, these dates will be used to sort tasks and to populate a calendar component. Data currently is saved to local storage.

The name, Organizm, is an amalgam of "organize" and "organism". It will grow in breadth and complexity with future versions. Because of this, it needs a scalable architecture both in style and function. I used Sass to structure the CSS and BEM nomenclature as BEM/Sass/React are natural symbiots. I chose to use functional React components instead of class for a couple reasons: one, it's the trend. Two, hooks and context allow state to be shared and manipulated by multiple components while keeping the code structure cleaner, making it easier to scale.

  • React
  • JavaScript
  • SASS
×

Stacey Evy: Realtor

This is a site created for a fictious realtor. I gave myself a challenge of creating a fully-functional static site that could be used on a professional level within five days (approximately 8.5 working hours) as my first focused complete-site project. I was able to achieve that goal. There are a few subtle CSS and JavaScript animations on the site, as well as custom JavaScript form validation.

Site is fully mobile-friendly and tested on such, though it displays well on standard desktop and wide-screen monitors.

  • JavaScript
  • CSS
  • HTML

Click on a card above to see details about my fully deployed projects, including a link to each project and its Github repository.

Please view my complete Github profile for the full extent of my original projects. Most of my projects are very small in nature, built to explore specific skills like using the HTML canvas or coupling a JavaScript library that only works with ES5 code with other functions that require datakeys from ES6 code. I also have these rather large projects in progress:

  • fiftytwo/52 - a year-long personal challenge site that tracks my progress making fifty two development projects in fifty two weeks.
  • Organizm - a massive React app using hooks and context focused on life organization with many customization options.
  • DailyUI - a 100 day challenge of creating a UI design each day.
  • Practicum by Yandex - beta-testing a professional development program for those learning web development.