High-key winter landscape with three trees

james kernicky

Front-End Developer & Designer

Applying my love of learning towards web design & development

Learn more

my projects

Writing Assistant

Technologies used: Vanilla JS, Clipboard API, File API

A mouse-based text input tool for composing emails and documents.
Users can enter text into a text area from a virtual keyboard, or by clicking user-supplied words, phrases, and emails.
The Clipboard API is to copy the text area for use in email and word processing applications.

Why I built this app

It is for anyone with reduced fine motor controls who have better control clicking with an assistive mouse then with using a keyboard.

How I built this app

I split a list of common words & added them to an alphabetical mega menu; added the functionality for the keyboard keys; added the textarea with clear/copy buttons; lastly, I added the proper nouns section behind an accordion button.

What did I learn building this app?

It is absolutely essential to have a clear plan outlined of what you need to accomplish, and I learned that the hard way.

Is the app complete?

No, I need to use the File API so users can upload a file of proper nouns and sample text so that they can have a custom-built page.

Live Repo

Travel Site

Technologies used: Node.js, NPM, Webpack, Netlify

This is the finished product for a single-page travel website from a Udemy course on Git and Web Developer workflow.
Topics covered: Git, GitHub, Node.js, NPM, Webpack, Netlify, BEM, Lambda functions, 20+ NPM packages, ...
Front-end features: mobile-first design, responsive images, reveal on scroll effects, ...

What was the purpose of this project?

This was a 16-hour course with a heavy emphasis on Git and installing NPM packages to aid in the development process.

What did I find difficult about the course?

I know I need to work on JS classes, the "this" and "constructor" keywords, and cloud functions.

What did I learn from the project?

I am now VERY comfortable with Git, GitHub, Webpack, BEM, and using Netlify. I also need to work on JavaScript OOP and classes, and on customizing the webpack.config file.

Final thoughts on the course:

I understood the code, however, the solutions for some of the effects were new to me. I can figure out easy things but I am still at a beginner to intermediate stage of web development.

Live Repo

Product Tracker

Technologies used: Vanilla JS, D3.js, JSON, MySQL, ???

Inventory tracking tool for small businesses...
...create item records, monitor and update quanities on hand, on order, ...
...graph sales and forecasts, have reorder point alerts, enter purchase orders, ...

Why I built this app

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint, quibusdam quas? Voluptatibus saepe, rerum blanditiis placeat consequuntur eius.

How I built this app

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Earum possimus eum distinctio in magni expedita aperiam natus quisquam blanditiis obcaecati laborum assumenda praesentium fugit iste consequuntur accusantium velit, libero nemo.

What did I learn building this app?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam voluptas delectus omnis?

Is the app complete?

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugiat eos eaque rerum quae facilis illo, consequuntur quia accusantium.

Live Repo

my toolkit

HTML
CSS
RWD
SASS
JavaScript
jQuery
MySQL
WordPress
Git
Node.js
NPM
Webpack
APIs
Figma

about me

Hello! My name is Jim. My interest in website design started back in 2009 when I built my outdoor photography and pet services websites with Dreamweaver.

I installed WordPress on my pet service site in 2018, and a year later created my guitar chords site also with WordPress. I developed my WordPress theme (Tower) in 2020 and built my third website (Kernix Web Design) with that theme. Now I am focusing on JavaScript and web development.

I ran my pet service business for the past 13 years so I am a motivated and independent worker. I look forward to working alongside experienced developers and continuing to learn the craft of web development!

examples of my outdoor photography

Let me know how I can help you!

Send me an email from my WordPress website or call me at (484) 432-9712.

Let's work together