Thank you for visiting
My Portfolio

This is Koji Kanao's portfolio site.
He is a software eng in Brooklyn.

Learn More

Projects

mtindo


mtindo is a style transfer application. It offers a unique opportunity that generates a new image/video from an image/video.

stack
  • python
  • nodejs
  • electron

Data from Mukuru


Data Visualization project with Pawa Initiative which is a NPO in Nairobi, Kenya.

stack
  • js
  • D3js
  • heroku

nikobot


nikobot is an interactive expressive robot pet for your desk, a minimal interactive robot.

stack
  • Arduino
  • html
  • css
  • js

Rose light


Rose light is a physical computing project that is made of 3d printing parts and Arduino. The color is controlled by a smartphone via Bluetooth

stack
  • Arduino
  • 3D printer
  • Bluetooth

    Gif Camera


    Gif Camera is a physical computing prototype. This device offers a function that can create a gif easily to users. This offers 5 types of filters with combinations of three buttons.

    stack
    • Raspberry Pi Zero
    • python
    • ffmpeg

    RealSense Scan App


    This is an experimental project to use RealSense and openFrameworks.

    stack
    • Realsense
    • openFrameworks
    • c++

    Ichi-go ichi-e


    Ichi-go ichi-e is a Japanese four-character idiom. The term means "for this time only" or "once in a lifetime." Ichi-go ichi-e is an openFrameworks application that generates a new shader code.

    stack
    • openFrameworks
    • python

    Jobs on GitHub


    Use GitHub API for Job boards with Reactjs and Typescript. The main purpose is to use react hooks.

    stack
    • React
    • TypeScript
    • GitHub API
    • Netlify

    Movie Search App


    Use OMDB API with Reactjs and Typescript. Currently the website has a search function.

    stack
    • React
    • TypeScript
    • OMDB API
    • Netlify

    Instagram Effects


    Instagram Effects with FragmentShaders

    stack
    • SparkAR Studio
    • JavaScript
    • FragmentShaders

    NewsAPI News


    nextjs demo app with News API (SSG)

    stack
    • Nextjs
    • TypeScript
    • News API
    • Vercel

    Math art


    Generative art that is generated by Julia Sets.

    stack
    • Processing
    • Netlify

    Cryptocurrency info site


    Cryptocurrency information site that uses CoinGecko API.

    stack
    • nextjs
    • coingecko api
    • Vercel

    Frontend Tools


    A collection of tools for front-end developers. Offer useful information for web development!

    stack
    • nextjs
    • Contentful
    • Vercel

    github label manager


    Simple CLI tool to create/delete labels with GitHub Labels API.

    stack
    • nodejs
    • typescript

    complexity with colors


    This is an experimental project to try an NFT on opensea.io

    stack
    • glsl
    • shader

    crypto-board


    Cryptocurrency information with related news

    stack
    • react
    • typescript
    • redux toolkit

    next-mint


    next-mint allows users to mint an NFT easily without any cost

    stack
    • nextjs
    • typescript
    • NFTPortAPI

    OSS

    easyGAN


    easyGAN is a CLI tool which can train images and generates images with DCGAN.

    stack
    • python
    • keras

    icTrainer


    icTrainer is a CLI tool which offers a couple of functions to train own image classifier. It offers image collecting, resize, and face detector.

    stack
    • python
    • keras
    • tensorflow

    gengitignore


    gengitignore is a CLI tool to generate .gitignore file. This package help developers to manage codes on Git/Github.

    stack
    • nodejs

    wcartist


    wcartist is a CLI tool which allows users to create word art with one line command.

    stack
    • python

    react-nes-components


    nes-components is a react-component with nes.css. This is published as a npm package.

    stack
    • react
    • typescript
    • storybook
    • Netlify

    mtrand


    mtrand is Deno third party module and it's mt19937 for Deno.

    stack
    • Deno
    • TypeScript
    • GitHub Action

    p5js-web-editor Japanese UI


    I led to add Japanese translation to p5js web editor.

    stack
    • javascript
    • react
    • i18n

    Technologies

    I've worked with a range of technologies in web dev, creative coding, and hardware.

    • Frontend

      Experience with
      reactjs, typescript, redux, webpack, and rollupjs

    • Backend

      Experience with
      python and nodejs

    • Creative coding

      Experience with
      Processing(P5js), openFrameworks, touchDesigner, a little bit Shaders


    About Koji

    Koji is a software engineer with a passion to build challenging products for improving people’s lives. Since I graduated from New York University, he has worked on my projects with TypeScript, React, and Python. He has also contributed to open-source projects on GitHub.