Who I am

About me

Karan Katoch

Front-end web developer

I'm a front-end web developer with a unique background in Business Admin and the Veterinary industry. Being part of the creative and problem solving processes involved in making web based applications is something I’m extremely passionate about.

An interesting fact about me is that I grew up in six countries before moving to Canada. I find throwing myself in different cultures and being able to see the world in a new light truly exhilarating!

Brain tools

My skills

  • Javascript

  • React

  • Redux

  • D3.js

  • jQuery

  • HTML5

  • CSS3

  • Sass

  • Git

  • Github

  • VS
    Code

My work

Projects

  • Giphy Sentiment mood tracker app

    Smart Thermostat

    An app that allows users to connect with their thermostat at home and change temperature settings remotely. Users are also able to see live and recent temperature readings on a line chart. The line chart updates after the app pulls sample data from the API every 5 minutes. The app also tracks the user's set target temperature and plots it on the line chart along with the sample data pulled from the API. Redux is used for the app state management.

    • React

    • Redux

    • Chart.js

    • Javascript

    • HTML5

    • CSS3

  • Giphy Sentiment mood tracker app

    Data Visualization Project #1

    Created this app as part of a data visualization course. The inspiration for this project can be found here on the Gapminder website. While he course provided the data and general approach, the solution was independently created.

    • Javascript

    • D3.js

    • HTML5

    • CSS3

  • Giphy Sentiment mood tracker app

    Giphy Sentiment

    Group project - An app that helps you keep track of your daily tasks with scheduled clearing of completed items. Users are able to submit a query of up to 2 words describing their mood, which is then used to provide users with selection of GIFs pulled from Giphy API. The selected GIF is then datestamped and added to Firebase database. Data in Firebase is then used to generate/update visual mood timeline that users can view.

    • React

    • Firebase

    • Javascript

    • HTML5

    • CSS3

  • Flow task manager app

    Flow Task Manager

    An app that helps users keep track of their daily tasks with end of day scheduled clearing of completed items. Entered tasks are stored and managed from Firebase database. Random image is pulled from Unsplash API for header background on page load.

    • React

    • Firebase

    • Javascript

    • HTML5

    • CSS3

  • Quick Exchange crypto-currency app

    Quick Exchange

    Paired project - An app that provides the user with live exchange rates from crypto-currencies. Users are able to select a crypto-currency and see rate relative to another crypto-currency or national currency. Data is pulled from CoinLayer API on page load.

    • Javascript

    • jQuery

    • REST API

    • HTML5

    • Sass

  • Tetris game

    Tetris

    Classic Tetris game using Vanilla JS. This is my first attempt at creating a simple video game which was a lot of fun. Learned using methods such as Array.from, slice and concat to manipulate DOM element.

    • Javascript

    • HTML5

    • CSS3

    • Sass