My Portfolio

Here you’ll find a collection of my coding projects.

Break Out!

Category: Vanilla JS

Problem

It takes lots of practice to become good at any skill. Especially JavaScript. Knowing the fundamentals is crucial.

Action

I found twenty projects that practice using all the most common features of JavaScript on Udemy.com by Brad Traversy

Result

I now know the full potential of JavaScript and feel very comfortable in language.

Check it out! Break Out! GitHub: https://github.com/kalevnakah/vanilla-js/tree/main/breakout

Read More →

Breath

Category: Vanilla JS

Problem

It takes lots of practice to become good at any skill. Especially JavaScript. Knowing the fundamentals is crucial.

Action

I found twenty projects that practice using all the most common features of JavaScript on Udemy.com by Brad Traversy

Result

I now know the full potential of JavaScript and feel very comfortable in language.

Check it out! Breath GitHub: https://github.com/kalevnakah/vanilla-js/tree/main/breath

Read More →

Camp Grace

Category: Word Press

Problem

Many non-profit organizations and startups need a website. They need something that is going to be affordable and easy to quickly update by a novice user. It also should have the ability to scale as the organizations grow. It also should be flexible enough to take on new functions such as eCommerce or widgets.

Action

Word Press is an excellent solution as it can be deployed on almost any server for free, can easily configured for novice editors, scale and grow. With Elementor and Divi the possibilities are endless for creating professional looking websites.

Read More →

Count The Cost

Category: MS Access

Problem

When bidding on a large construction job it is important to get the numbers right. Too high and you loose the bid. Too low and you either don’t get the bid or you loose money on the Job do to a poor estimate. First problem is Excel is extremely accident pron, especially when copy and pasting numbers, or selecting cells. Second problem is that there are three different ways to estimate a welding/construction job. Much of the work is duplicated to calculate these three numbers. I wanted a way to reduce errors and speed up the math.

Read More →

Custom Video Player

Category: Vanilla JS

Problem

It takes lots of practice to become good at any skill. Especially JavaScript. Knowing the fundamentals is crucial.

Action

I found twenty projects that practice using all the most common features of JavaScript on Udemy.com by Brad Traversy

Result

I now know the full potential of JavaScript and feel very comfortable in language.

Check it out! Custom Video Player GitHub: https://github.com/kalevnakah/vanilla-js/tree/main/custom-video-player

Read More →

Drum Machine

Category: JS Frameworks

Problem

freeCodeCamp has projects for students to complete in order to become certified. Each project has multiple user stories that must be met in order for the project to pass.

Action

Use Visual Studio Code to write the projects in standard HTML, CSS, and JavaScript. Starting with user stories I created a basic frame work that would meet the requirements and pass the test. After that I would fill in the gaps, make it pretty and add my own little touches.

Read More →

Film Empire

Category: React

Problem

Can’t remember a movie?

Action

Search it up using an open source database and an API!

Result

Javascript app that taps into an open source movie database and displays the cover art, year, and title.

Check it out! Film Empire GitHub: ./film-empire/

Read More →

Hangman

Category: Vanilla JS

Problem

It takes lots of practice to become good at any skill. Especially JavaScript. Knowing the fundamentals is crucial.

Action

I found twenty projects that practice using all the most common features of JavaScript on Udemy.com by Brad Traversy

Result

I now know the full potential of JavaScript and feel very comfortable in language.

Check it out! Hangman GitHub: https://github.com/kalevnakah/vanilla-js/tree/main/hang-man

Read More →

JS Music Player

Category: Vanilla JavaScript

Problem

Music Band wants to show off their music on their website in order to sell it, but does not want to give the music away. They previously had pre-built player that would play the first 1min of the song, but unfortunately it relied on Flash Player and that is no longer supported. Furthermore, the free music player templates that are available for JS do not give you the option to switch albums. Building a new player in Javascript will give them more flexibility, features, and will hold up better.

Read More →

Know Ur Call

Category: Word Press

Problem

Many non-profit organizations and startups need a website. They need something that is going to be affordable and easy to quickly update by a novice user. It also should have the ability to scale as the organizations grow. It also should be flexible enough to take on new functions such as eCommerce or widgets.

Action

Word Press is an excellent solution as it can be deployed on almost any server for free, can easily configured for novice editors, scale and grow. With Elementor and Divi the possibilities are endless for creating professional looking websites.

Read More →

Loft 180

Category: Word Press

Problem

Many non-profit organizations and startups need a website. They need something that is going to be affordable and easy to quickly update by a novice user. It also should have the ability to scale as the organizations grow. It also should be flexible enough to take on new functions such as eCommerce or widgets.

Action

Word Press is an excellent solution as it can be deployed on almost any server for free, can easily configured for novice editors, scale and grow. With Elementor and Divi the possibilities are endless for creating professional looking websites.

Read More →

Pitstop Food

Category: Word Press

Problem

Many non-profit organizations and startups need a website. They need something that is going to be affordable and easy to quickly update by a novice user. It also should have the ability to scale as the organizations grow. It also should be flexible enough to take on new functions such as eCommerce or widgets.

Action

Word Press is an excellent solution as it can be deployed on almost any server for free, can easily configured for novice editors, scale and grow. With Elementor and Divi the possibilities are endless for creating professional looking websites.

Read More →

Product Page

Category: HTML

Problem

freeCodeCamp has projects for students to complete in order to become certified. Each project has multiple user stories that must be met in order for the project to pass.

Action

Use Visual Studio Code to write the projects in standard HTML, CSS, and JavaScript. Starting with user stories I created a basic frame work that would meet the requirements and pass the test. After that I would fill in the gaps, make it pretty and add my own little touches.

Read More →

Technical Document

Category: HTML

Problem

freeCodeCamp has projects for students to complete in order to become certified. Each project has multiple user stories that must be met in order for the project to pass.

Action

Use Visual Studio Code to write the projects in standard HTML, CSS, and JavaScript. Starting with user stories I created a basic frame work that would meet the requirements and pass the test. After that I would fill in the gaps, make it pretty and add my own little touches.

Read More →

Trail Finder

Category: Recursion

Problem

The local State Park has lots of trails and the connect together like a giant mesh network. Having a goal to walk all the trails in one day, one might wounder if it is even possible. And if it is possible what would be the shortest route with out doing a lot backtracking?

Action

By collecting trail data using an app like “Gaia GPS” and exporting the.geojson files, we can use the data to calculate this. The challenge is creating logic that can walk down the trails and come to an accurate conclusion on the shortest route.

Read More →

Tribute

Category: HTML

Problem

freeCodeCamp has projects for students to complete in order to become certified. Each project has multiple user stories that must be met in order for the project to pass.

Action

Use Visual Studio Code to write the projects in standard HTML, CSS, and JavaScript. Starting with user stories I created a basic frame work that would meet the requirements and pass the test. After that I would fill in the gaps, make it pretty and add my own little touches.

Read More →

Typing Game

Typing Game

Category: Vanilla JS

Problem

It takes lots of practice to become good at any skill. Especially JavaScript. Knowing the fundamentals is crucial.

Action

I found twenty projects that practice using all the most common features of JavaScript on Udemy.com by Brad Traversy

Result

I now know the full potential of JavaScript and feel very comfortable in language.

Check it out! Typing Game GitHub: https://github.com/kalevnakah/vanilla-js/tree/main/typing-game

Read More →