About

Hi, I'm Andrew 👋

I design and develop user-centered web applications.

Contact me if you have any questions or want to chat!

Portfolio

Github chart - Andrew Kil

An overview of my GitHub contributions.

Showing all projects. Use the filter to list them by skill/technology.

Save a Plate

A full stack web application designed to reduce food waste and hunger in New York City. Collaborated with 3 other developers at Pursuit and presented the demo at the Museum of Moving Image. Users can sign up as either vendors or clients. Vendors have the ability to donate food items while clients can claim food items and add their favorite vendors. Initially we worked on most of the features as a team. I created a Trello board to organize our tasks by creating tickets that were assigned a priority level (low, medium, high) in order to visualize our progress and assign tickets to specific team members.

Tech:

  • HTML5/CSS3
  • JavaScript
  • React
  • Redux
  • Material-UI
  • Node/Express
  • PostgreSQL
  • Heroku
  • Full Stack

Connect Four

Connect Four - 2 player game. Take turns dropping tokens into the grid. The first player to get four in a row wins. If the entire grid is occupied by tokens without any four in a row combinations, the game is a tie. Created using React & Redux.

Tech:

  • HTML5/CSS3
  • CSS Modules
  • JavaScript
  • React
  • Redux
  • Bootstrap
  • Jest
  • Frontend
  • Responsive Design
  • Game

Netflix Clone

Netflix clone created using React, Firebase, and The Movie Database API. Click on a movie to play a trailer (if a trailer is available). The app will first look for an official trailer, then look for a trailer, and if there are no trailers available then it will play the first video that is provided by The Movie Database API. Some movies do not have any videos that are provided so the YouTube component will not show up. Currently working on adding additional features and functionality including displaying details about the movie.

Tech:

  • HTML5/CSS3
  • JavaScript
  • React
  • Firebase
  • Frontend
  • Responsive Design

Blah Blah Blog

Blah Blah Blog is my personal blog for any topic related to coding and web development. It was created using Gatsby. Since the blog is brand new, there are only 2 blog posts at the moment but there are many more blog posts in the works. Some of the features that I am considering adding include support for dark/light mode toggle and an option to sign-up for a mailing list.

Tech:

  • HTML5/CSS3
  • JavaScript
  • React
  • Gatsby
  • Frontend
  • Responsive Design
  • Netlify

Scare the Crow

Scare the crow before the crow scares you! This is my version of the classic word guessing game, Hangman. The user can select a difficulty level and that is stored in local storage along with the highest score. The goal of the game is to guess the word before you run out of lives.

Tech:

  • HTML5/CSS3
  • SASS/SCSS
  • JavaScript
  • React
  • Local Storage
  • Frontend
  • Responsive Design
  • Game

Recipe Pals

Recipe Pals is a platform for users to share recipes with their network and the rest of the Recipe Pals community. Start by signing up or logging in. To submit a recipe, add recipe information, tags, ingredients, and directions. Users can leave comments on recipes.

Tech:

  • HTML5/CSS3
  • JavaScript
  • React
  • Redux
  • Bootstrap
  • Express
  • MongoDB
  • GraphQL
  • Full Stack
  • Responsive Design

COVID-19 Tracker

View global statistics about COVID-19 or select a country to filter the results. Uses React Hooks, Material-UI, and Chart.js (data visualization). This project was created by following along with a Youtube tutorial.

Tech:

  • HTML5/CSS3
  • JavaScript
  • React
  • Material-UI
  • Chart.js
  • Frontend
  • Responsive Design

andrewkil.com

Portfolio website created using React. HTML includes meta tags for SEO & Open Graph. CSS includes animations and responsive design. Formspree was used for the contact form. Deployed on Netlify.

Tech:

  • HTML5/CSS3
  • JavaScript
  • React
  • Netlify
  • Frontend
  • Responsive Design

Contact