Csongor Zih Portfolio

Alrite

professional web ffmpeg flutter

Alrite is the AI-powered speech-to-text software I worked on as part of my job for over 3 years. I was responsible for the font-end development and features such as integrating 3rd party AI and other providers, while the actual AI models and infrastructure were handled by others in the company. The most significant parts I implemented were a text editor for transcripts that keeps the timings and other metadata, editors with timelines, like the subtitle editor, and the subtitle hardcoding implementation (listed separately in this portfolio). The web application uses a stack that includes Angular and Spring Boot. I also worked on the mobile app, which was made with Flutter.

  • Alrite website
  • Android app
  • Alrite animated subtitle engine

    professional web

    This is something I made while working on Alrite, a speech-to-text AI product (listed separately in this portfolio). This is a zero-dependency subtitle animation engine in TypeScript, that can run both in the browser (rendering to HTML canvas) and on the server (rendering with @napi-rs/canvas). This meant we could show previews in the browser with video playback, rendered in real-time, but also render on the server. And it supports all kinds of animation styles popular on social media, with different customisations.

    It's not really zero-dependency, if you count the Canvas API as one, but that has implementations, even on the server. At the core of it is a few animation primitives, that I made open-source on a separate repo on GitHub.

  • Alrite
  • GitHub repo for the open source part
  • wtherion

    hobby web ui design

    This is a web app for drawing caves maps, to be used with Therion, a popular open-source cave surveying and map rendering program. It was originally built from the codebase of a vector editor called Papergrapher, but I rewrote almost all of the code, transitioning it from JS and jQuery to TypeScript and Vue. The main reason I made this was to replace the built-in editor of Therion with something more user-friendly and modern. And it was also more performant, since the Therion GUI was made in Tcl, even JavaScript was faster.

  • Try it out
  • GitHub repo
  • fwf

    hobby ffmpeg ui design

    This is a video editor app I made when I was 17, it's a tech demo that connects FFmpeg to an Electron frontend, and I tried to make a non-linear video editor UI, where you can also add arbitrary FFmpeg filters to clips. The biggest issue is the lack of a realtime preview, and overall, the end product didn't turn out very good. But this was something I was really passionate about trying to do, and I was able to use my familiarity with FFmpeg and timeline editors when working on Alrite.

  • GitHub repo
  • Snazzy

    hobby web game backend

    This is an online multiplayer implementation of the Cards Against Humanity card game, supporting custom decks, with a drag-and-drop UI on desktop and a different layout for mobile. I made it as an alternative to Pretend You're Xyzzy, which is a game like this with a Java backend, and I wanted to make one with a better UI to play with my friends.

    I actually made multiple versions of this, the first was made with Node.js using the Colyseus framework and a frontend with jQuery. The newer implementation is made with Deno, it's serverless, and its frontend is separate, made with Vue. Due to being serverless, it's running for free on Deno Deploy, and I don't have to host a server for it.

  • Try it out
  • New server GitHub repo
  • New client GitHub repo
  • Old GitHub repo
  • Supercritical

    university flutter

    This mobile app is a project I made as part of a university course, it's an app that you can use to create images with film reviews, ranked lists of films, etc, and then share them on social media or messaging apps. It generates images with different designs to choose from, and uses TheMovieDB API to get art and metadata for movies.

  • On Google Play
  • GitHub repo
  • Zen Garden

    hobby web front-end

    This is a small heightmap-based sand simulation. It's not really a game, there's no real gameplay or objectives, but you could use it for meditation. I was inspired to make this when I saw a much simpler Zen Garden web game, and I was wondering how realistic I could make it with a simple heightmap simulation. I think it turned out pretty well.

  • Try it out
  • GitHub repo
  • The Taker

    hobby game

    This is a stealth videogame made by a team that I was a part of. The concept, the art, and a lot of the game design was done by my teammate, who I think is much more talented at making games than I am. Still, I am proud of the game and my contributions to it.

  • Itch.io
  • Web demo
  • This website

    web front-end

    I made this website!

    It's all a single .html file, it doesn't need a huge framework or megabytes of JS to run!

    Go ahead, look at it in the inspector. It uses native dialogs, but obviously it doesn't show anything impressive in terms of web development. But I hope it does show my commitment to simplicity and attention to detail.

    This website is best enjoyed on a device which supports hovering.

    This website is best enjoyed with reduced-motion settings disabled.

    Full stack development • Web development • Flutter development • Media processing • Full stack development • Web development • Flutter development • Media processing •
    Full stack development • Web development • Flutter development • Media processing • Full stack development • Web development • Flutter development • Media processing •