Cartoon rendering of Tim Kravel

Tim Kravel

Software Developer

Hi, I'm Tim Kravel!

I'm a full-stack web developer with a passion for building practical, people-focused solutions using the LEMP stack. My journey into programming began in an unexpected place—a CNC machine shop in 2012—where I first wrote G-code to automate machines. That hands-on problem-solving lit a spark that eventually led me to the web.

When the shop closed in 2020, I leaned into change and fully committed to web development. By 2022, I made my professional debut and haven't looked back since. Today, I thrive in a fast-paced startup environment, turning ideas into scalable, functional web applications.

Outside of code, I'm usually exploring the outdoors with my son—whether it's a sunny day at the park or casting a line into a quiet lake, I'm always chasing the next little adventure.

Skills


HTML logo

HTML

CSS logo

CSS

JavaScript logo

JavaScript

PHP logo

PHP

MySql logo

MySql

Linux logo

Linux

Git logo

Git

Composer logo

Composer

NPM logo

NPM

Check out my work!

MiX-iT!

Screenshot of App

PHP / Slim 4 / Bootstrap 5

Search mix drinks to find ingredients, instructions, and similar drink suggestions. Built with PHP's Slim 4 framework in a MVC style. MiX-iT might just help you find your next favorite drink!

FEARFLIX

Screenshot of App

React / Redux / SASS / Vanilla JavaScript

A Netflix UI clone using only currently available horror movies on Netflix pulled from a third party API. I personally challenged myself to build out as much of the UI as I could using only React, SASS, and Vanilla JavaScript without any other packages.

Free2Play games

Screenshot of App

React / Redux / SCSS

Explore free to play PC and Web browser games from data pulled from a third party API. Stores data using React-Redux so components only have to track their own states. Styled using SCSS while using a responsive and mobile first approach.

Quit smoking goal tracker

Screenshot of App

React / React router / Material UI / Node.js / NoSQL

Register to create, track, and collect completed goals. Responsive design with form elements created using Material UI inputs that are validated by react-hook-forms NPM package. Connects to a MongoDB cloud atlas cluster using Mongoose ODM to persist user data.

Movie search

Screenshot of App

React / Node.js / Express.js

Connects to a Restful API to retrieve streaming availability for Netflix or Prime Video. Consumes JSON data to display movie poster, data, and trailer links to the user. API calls are proxied through an express server to utilize environment variables to protect sensitive data from the client.

Parent Helper

Screenshot of App

React / React router / Redux / Node.js / Express.js / MongoDB

Track multiple aspects of your child's day by creating, updating, reading, and deleting data from a NoSQL database. User authentication and authorization is handled using JSON Web Tokens and reacts context API. User data is handled by Redux and displayed in a paginated table.

Weather app

Screenshot of App

React / Jest testing / Node.js / Express.js

Retrieves weather data from a third-party Rest API to display to the user. User input auto complete is powered by Google Places API. Client application uses react testing library and Jest for testing. Responsive design and mobile friendly.

Contact me!

Interested in learning about a project or have feedback?
Lets chat!




Opps! Something went wrong!

Contact me directly at: