Kevin Kindorf

Take a look at my resume and follow me on Github.

Front End Projects

D3 Bar Chart

This barchart was built as one of Freecodecamp's data visualization challenges. I am using D3's API to visually display the growth of United States' Gross Domestic Product over the last seventy years.

Weather App

This weather application uses HTML5's geolocation API to display current weather, hourly forecast and a five day forecast using the Open Weather Map API. Technologies used include React and Redux.

React Calculator

This calculator was built using React and Bootstrap's grid system. Users can multiply, divide, add and subtract numbers. You can also chain operations together.

D3 Scatterplot

This scatterplot is displaying the data of some of the most recent Tour de France fastest times. Its using green nodes to display cyclists that are not accused of doping and those that have been. The nodes are being created using D3's circle svg reference to develop the legend of colors and to chart the data provided in a scatterplot format.

Simon Game

This is my version of the classic Simon Game originally produced by Milton Bradley. The objective of the game is to reach a score of 20 by memorizing the buttons the game chooses. I used React and Bootstrap for this project.

D3 Force Layout

This is an example of D3's Force Layout API. If a node is clicked and dragged by a user, the node that is being targeted will be dragged to another point in the window, changing it and it's connected node's positions based on where the user dragged the node. I developed this by reading through and reviewing a few tutorials written by Mike Bostock.

Tic-Tac-Toe

This is a game of tic-tac-toe where the user plays against the computer. The user can choose which mark they want to be before the first game. I used React as my framework for building this application.

Markdown Previewer

This is a simple markdown previewer application. I'm using the Marked.js library to parse the markdown syntax into html. I'm also using React as my framework and Less for styling.

D3 Heatmap

This is an example of a heatmap using D3. The data being used for this project shows the increase in temperature over the past 300 years. The tricky part about this project's code is understanding how the nodes are being positioned. I'm using D3's ordinal scales for the X and Y coordinates of the nodes based on the months and years provided by the dataset. The nodes move horizontally across the screen for each month. For example, the Y oridnal scale sets the position for January data at a specific Y value. All of the nodes along January's line will have a Y value of -5. A node's X value increases based on the node's year value so that is how the data is positioned horizontally.

Recipe Box

This is a recipe application that was built with React, Redux and local storage. Users can add, update and delete recipes.

The Game of Life

This is a simple version of John Conway's Game of Life that I built with React. Users can stop, start and clear the board if they'd like. They can also watch the game play out and if it ends, they can reset the game.

D3 Geo Map

This is a geographic map of the world that displays data about known meteor strikes in different countries. The yellow circles are being sized based on the mass of the meteor that struck the coordinates. I'm using D3's Mercator Projection to help create the map and I'm using the path created by that projection and I'm coloring the map's projection with the data provided by the topjson library. Once the map is complete I'm using the coordinates from the Meteor API to display the circles.

React Dungeon Crawler

This is a simple dungeon crawler game built using React. The main objective is to destroy the boss in dungeon 4. Red squares are enemies, green are health, yellow are weapons, purple are doors and orange is the boss.

Back To Top

API Projects

Timestamp Microservice

This is a simple microservice built with Express that validates a user's date parameter that is added to the App's URL path and converts it to either a unix timestamp or natural language date, depending on the format in which the parameter was added.

Express Header Parser

The Express Header Parser microservice uses Express to capture the user's request header data. Once that data is received, it is passed to the platform.js library where the user agent data is provided to the user. The user's IP address is also parsed using the ipware node library.

URL Shortener Microservice

This is a URL shortener application that's built with Express and Mongoose. Essentially, a user will enter a valid website URL for the application to store in the DB. Once the URL is validated, a unique number will be given to the URL object stored in the database. If a user uses the shortened url path, the application will look for the unique number provided in the shortened URL's path and then redirect the user to the correct website.

File Size Microservice

This is a microservice using Express and Multer to determine the size of a file submitted by a user. Multer's API allows me to find the size of the file after the file has been posted to the application.

Back To Top

Dynamic Projects

Guardian Saver

Use the Guardian Saver app to search for content from The Guardian. Save your items for later and add notes to them as well. Technologies used include Mongodb, jQuery, Bootstrap, Node and Express.

Tumblr Tags

Tumblr Tags is an app that allows the user to search for posts in Tumblr via a tag query. The items are saved to a database for later consumption. The technologies being used include React, Redux, Mongodb and Express.

PollHub

PollHub is an application where users can create polls and share them with their friends. If multiple users are voting on the same pole at the same time,they'll see the poll's survey updates in real time. Users have to be logged in order to create a new poll. The technologies used for this project include React, Redux, MongoDB, Express and Socket.io. Review the API for PollHub.

Stock Charter

The stock charter app was built with React, Redux, Express, Socket.io and the Victory chart library. Users can search for a stock symbol to add the stock's price over the last twelve months. Once a user adds a stock to the chart, the other users currently viewing the stock will see the chart updated in real time. Review the API for Stock Charter.

Bar Finder

Bar Finder taps into Yelp's Fusion API so that a user can search for some of the best bars in their area. User's can see the rating of the bar, read a review and they can let other users know that they'll be visiting the bar. The technologies used to build this application include React, Redux MongoDB and Express. Review the API for Bar Finder.

The Open Book Exchange

The Open Book Exchange is an application that allows users to trade books with other users. Once a user has finished reading a book, they can return it to the exchange so that another user can request it. User's can search for books they own using the Google Books API. Before a user can request a book from another member, they need to have an account and an address for their profile to be complete. Review the API for The Open Book Exchange.

Pic Share

Pic Share is a community based application where members can share trending images that they find online and they can also share their personal photography and art with each other. Users can like posts, they can filter content and they can delete their own posts as well. Review the API for Pic Share.

Back To Top