Koji Portfolio
  • projects
  • open source
  • tech stack
  • about

    • Thank you for visiting
    My Portfolio

    This is Koji Kanao's portfolio site. He is an software eng in Brooklyn. Currently, he is working on a robotics startup company.


    Projects

    next-mint

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

    stack
    • nextjs
    • typescript
    • NFTPortAPI

    crypto-board

    Cryptocurrency information with related news

    stack
    • react
    • typescript
    • redux toolkit

    complexity with colors

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

    stack
    • glsl
    • shader

    github label manager

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

    stack
    • nodejs
    • typescript

    Frontend Tools

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

    stack
    • nextjs
    • Contentful
    • Vercel

    Cryptocurrency info site

    Cryptocurrency information site that uses CoinGecko API.

    stack
    • nextjs
    • coingecko api
    • Vercel

    Math art

    Generative art that is generated by Julia Sets.

    stack
    • Processing
    • Netlify

    NewsAPI News

    nextjs demo app with News API (SSG)

    stack
    • Nextjs
    • TypeScript
    • News API
    • Vercel

    Instagram Effects

    Instagram Effects with FragmentShaders

    stack
    • SparkAR Studio
    • JavaScript
    • FragmentShaders

    Movie Search App

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

    stack
    • React
    • TypeScript
    • OMDB API
    • Netlify

    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

    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

    RealSense Scan App

    This is an experimental project to use RealSense and openFrameworks.

    stack
    • Realsense
    • openFrameworks
    • c++

    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

    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

      nikobot

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

      stack
      • Arduino
      • html
      • css
      • js

      Data from Mukuru

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

      stack
      • js
      • D3js
      • heroku

      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

      OSS

      eslint-plugin-no-margins

      This is a plugin for ESLint that helps you avoid using margin-related properties in your code.

      stack
      • eslint
      • typescript
      • vite
      • vitest

      ichigyou

      ichigyo(1行) is a collection of one-liner functions in typescript

      stack
      • typescript
      • vite
      • vitest

      p5js-web-editor Japanese UI

      I led to add Japanese translation to p5js web editor.

      stack
      • javascript
      • react
      • i18n

      mtrand

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

      stack
      • Deno
      • TypeScript
      • GitHub Action

      react-nes-components

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

      stack
      • react
      • typescript
      • storybook
      • Netlify

      wcartist

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

      stack
      • python

      gengitignore

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

      stack
      • nodejs

      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

      easyGAN

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

      stack
      • python
      • keras

      Technologies

      I have 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.