Hi, I'm Kim!
A Front End Developer based in Orange County, California.


React Localization App

This localization app uses React Hooks within functional components. React Context is used to share the nearby places among components.
The data is aynchronously fetched from the Google Maps API. Firstly, the entered location in the search bar is translated into coordinates. Then, for these coordinates, the closest bars, restaurants, and gyms are rendered to the page.

Skills

React
React Hooks
React Context API
Google Maps API
JavaScript
CSS Grid

React Weather App

This weather app was built completely with the latest React technology. It utilizes React Hooks within functional components. React Context is used to share the current condition & forecast among components.
The data is aynchronously fetched from Open Weather Map on page load.

Skills

React
React Hooks
React Context API
JavaScript
CSS Grid
SVG

Web App Dashboard

An interactive dashboard for web application using advanced web techniques and JavaScript programming. The dashboard contains adjustable graphs, charts, and other user interface components. It uses features like local storage and an autocomplete feature to maximize the user experience. Built with a mobile-first approach, it uses CSS Grid and Flexbox to achieve maximum flexibility.

Skills

JavaScript
jQuery
DOM Manipulation
SVG
Sass
CSS Grid
CSS Transitions & Animations
CSS Media Queries
HTML

Employee Directory

An employee directory that communicates with a third-party API using Fetch requests to display information about 12 random employees. A modal window can be opened for every employee, containing more information about them. A search feature was added allowing to search employees by name.

Skills

Fetch API
AJAX
JavaScript
JSON
DOM Manipulation
Object-Oriented Programming
Sass
CSS Grid
CSS Flexbox
HTML

Booklist

A list designed to keep track of a user's books. Books can be added and deleted, using DOM manipulation. Local storage is used to keep track of a user's books. A regular expression ensures that a valid ISBN needs to be entered. An autocomplete feature on the 'Title' and 'Author' fields suggests books/authors to the user and pre-fills the other fields once a user selects a title or an author. Fetch requests to an API are used to retrieve this information. The cover of the respective book is fetched from this API as well.

Skills

JavaScript
Fetch API
DOM Manipulation
Regex
JSON
jQuery
Sass
Object-Oriented Programming
CSS Media Queries
HTML

Memory Card Game

A game designed to test a player's memory. It was created with HTML, CSS, and vanilla JavaScript. The player needs to match sets of cards in as little tries as possible. Local storage is used to save highscores of the game.

Skills

JavaScript
DOM Manipulation
Sass
CSS Grid
CSS Media Queries
HTML

Interactive Photo Gallery

An interactive image gallery brought to life using vanilla JavaScript and a jQuery Lightbox plug-in. A search feature was implemented that allows the user to search the gallery.

Skills

JavaScript
JSON
jQuery Plug-In
Sass
CSS Grid
CSS Media Queries
HTML

Game Show App

An in-browser phrase-guessing game allowing users to guess 5 phrases by entering letters into the program. The game uses JavaScript arrays, objects and DOM manipulation to create an interactive game.

Skills

JavaScript
Arrays & Objects
jQuery
DOM Manipulation
Sass
CSS
HTML

Online Registration Form

A responsive, mobile-first registration form using a variety of HTML form elements.

Skills

CSS
CSS Media Queries
HTML Forms

Web Style Guide

A style guide created according to a mockup that uses Sass and makes the styling of webpages with CSS easier and faster.

Skills

Sass
CSS
HTML

About Me