Levan Katsadze, Developer in Tbilisi, Georgia
Levan is available for hire
Hire Levan

Levan Katsadze

Verified Expert  in Engineering

Bio

Levan is a front-end engineering professional with hands-on experience working for software companies in a range of industries, including stock exchanges, digital goods, education, and eCommerce. Backed by a master's degree in computer science from Georgian Technical University, Levan is skilled in React, TypeScript, JavaScript, CSS, and SCSS. Levan is passionate about pixel-perfect design and the high-quality dynamic functionality of visual systems.

Portfolio

Dekeo Inc
React, HTML, CSS, Front-end, TypeScript, Ruby on Rails (RoR), Ruby, JavaScript...
Nova Technology Canada Inc.
TypeScript, React, JavaScript, Mapbox, Mapbox GL, React Admin, Charts, Charting...
Momentick Ltd
React, GIS, Front-end, Web GIS, Figma, Mapbox, Mapbox GL, Mapbox API...

Experience

  • TypeScript - 4 years
  • JavaScript - 4 years
  • React - 4 years
  • Web Development - 3 years
  • SCSS - 3 years
  • Single-page Applications (SPAs) - 3 years
  • Algorithms - 2 years
  • Next.js - 1 year

Availability

Part-time

Preferred Environment

Windows, Slack, Visual Studio Code (VS Code), Git, Linux

The most amazing...

...thing I've made is the VS Code extension, Blockman, written in TypeScript. It's a visual helper for devs and, with 200K installs, is well-loved by many people.

Work Experience

Front-end Developer

2023 - 2024
Dekeo Inc
  • Developed a Canva-like editor app, enabling users to create various vector designs using SVG and Fabric.js canvas toolset.
  • Managed the flow and fixed bugs using Jira and GitHub.
  • Created a special svg-path-text custom class named NobleText within Fabric.js general object to ensure the text bounding box is always accurate. Implemented special warp effects on the SVG text and many other manipulations.
  • Developed and maintained an online store website for t-shirts, jiffy.com, which has a t-shirt mockup feature with any image the user provides.
Technologies: React, HTML, CSS, Front-end, TypeScript, Ruby on Rails (RoR), Ruby, JavaScript, Fabric, Fabric.js, SVG, Ruby ERB, Vite

Front-end Developer

2023 - 2023
Nova Technology Canada Inc.
  • Developed an app that monitors special devices attached to the shipment during transportation.
  • Tracked and fixed bugs with Git and GitLab websites.
  • Built a dynamic Mapbox global map for monitoring many shipment routes simultaneously. Also created a dashboard stats view with charts using the Recharts library.
Technologies: TypeScript, React, JavaScript, Mapbox, Mapbox GL, React Admin, Charts, Charting, Recharts, Zustand, Vite, Chakra UI

React Front-end Developer

2023 - 2023
Momentick Ltd
  • Developed a web app that monitors greenhouse gas emission measurements across the entire globe. It is designed to have many registered users. The project is not fully completed yet.
  • Tracked and fixed bugs using GitHub. Used VS Code, Next.js 13.2, and many 3rd-party libraries of React.
  • Integrated the Mapbox map with Mapbox API, allowing the users to see all their interest areas on the map with comfortable UI. Users can also see each interest area's details with an info chart and measurements.
Technologies: React, GIS, Front-end, Web GIS, Figma, Mapbox, Mapbox GL, Mapbox API, Mapbox Datasets, Mapbox Styling, Next.js, Redux, Charting, Chart.js, Recharts, Styled-components, APIs, REST, REST APIs, TypeScript, JavaScript, SCSS, CSS, SVG, Paging, Pagination, RESTful Services, Dashboard Development, MUI CSS, Charts, Mobile First, Mobile Apps, JavaScript Testing, Flux, Data Visualization, Responsive Web Design (RWD), API Integration, Cross-browser Compatibility, Web Design, Maps, Vite, Chakra UI

Full-stack Developer

2023 - 2023
Re:Soft
  • Built educational software project with multiple user roles, optimizing React rendering and working with SQL database with the help of TypeORM. This is an experimental startup project for education.
  • Implemented new features, fixing bugs and maintaining maximum type safety with TypeScript.
  • Tracked and fixed bugs using Git and GitHub services.
Technologies: Next.js, NestJS, TypeScript, JavaScript, React, CSS, SCSS, Tailwind CSS, Styled-components, TypeORM, Redux, Redux Thunk, Redux Toolkit, Web UX, Windows, Visual Studio Code (VS Code), Slack, Git, Web Development, Single-page Applications (SPAs), ES6 Promises, Figma, React Hooks, Web Applications, Web, Front-end Development, Web UI, React Redux, Sass, Performance, User Interface (UI), User Experience (UX), Node.js, Application State Management, Mobile Web, UI Development, DOM, Website Optimization, CSS3, JavaScript Libraries, MySQL, RESTful Services, Dashboard Development, Full-stack, Mobile First, Mobile Apps, JavaScript Testing, Ant Design, Flux, Responsive Web Design (RWD), Full-stack Development, Cross-browser Compatibility, Vite, Chakra UI

Front-end Developer

2021 - 2022
Fireart
  • Developed responsive web mobile, tablet, and desktop app for tiles and stones product sales with multiple user roles.
  • Tracked and fixed bugs using Git software and Bitbucket service.
  • Built two landing pages for tiles and stones product sales from Figma visuals, maintaining a pixel-perfect match with dynamic, responsive styles and advanced functionalities, like smooth sliders and scroll-driven video playback.
Technologies: React, TypeScript, JavaScript, CSS, SCSS, Git, Slack, Front-end, HTML, HTML5, Single-page Applications (SPAs), Windows, Visual Studio Code (VS Code), Web Development, Video Editing, Redux, Algorithms, Data Structures, React Router, Figma, React Hooks, Web Applications, Styled-components, Web, Functional Programming, Front-end Development, Design Tools, Web UI, React Redux, Front-end Architecture, Performance, Mobile, CSS Grid, Flexbox, Responsive Design, NPM, Webpack, User Interface (UI), User Experience (UX), GitHub, Application State Management, Responsive Web Apps, Responsive UI, Mobile Web, ECMAScript (ES6), Pixel Perfect, UI Development, SVG, Animation, DOM, Website Performance, Website Optimization, Web UX, ES6 Promises, Sass, Node.js, CSS3, JavaScript Libraries, Dashboard Development, Mobile First, Mobile Apps, JavaScript Testing, Flux, Responsive Web Design (RWD), Cross-browser Compatibility

React Developer

2021 - 2021
Around25
  • Developed the front-end side of a special AI chatbot and damaged luggage management system for airports.
  • Tracked and fixed bugs using Git software and Bitbucket service.
  • Provided ideas about optimizing UI and advanced calculations.
Technologies: React, TypeScript, JavaScript, CSS, SCSS, Sass, Git, Front-end Architecture, Performance, CSS Grid, Flexbox, Responsive Design, NPM, REST, User Experience (UX), GitHub, Application State Management, Node.js, Responsive Web Apps, Responsive UI, Mobile Web, ECMAScript (ES6), Pixel Perfect, UI Development, SVG, Animation, DOM, Website Performance, Website Optimization, Web UX, Visual Studio Code (VS Code), Windows, ES6 Promises, React Hooks, Web Applications, Web, Front-end Development, Web UI, User Interface (UI), CSS3, JavaScript Libraries, Dashboard Development, Flux, API Integration, Cross-browser Compatibility, Live Chat

Front-end Developer

2021 - 2021
Self-employed with Iain Watt
  • Developed a web app as a platform for a language-learning service.
  • Tracked and fixed production bugs using Git and GitHub.
  • Provided some new ideas about how a language-learning website would work better and what kind of data structures would be more efficient.
Technologies: React, TypeScript, JavaScript, Git, Slack, Front-end, HTML, HTML5, Single-page Applications (SPAs), Windows, Visual Studio Code (VS Code), Web Development, CSS, SCSS, Redux, Algorithms, Data Structures, React Router, Tailwind CSS, Next.js, React Hooks, Web Applications, Web, Functional Programming, Front-end Development, User Experience (UX), User Interface (UI), Web UI, APIs, React Redux, Material UI, Front-end Architecture, Performance, CSS Grid, Flexbox, UI Design, Responsive Design, NPM, GitHub, Application State Management, Responsive Web Apps, Responsive UI, Mobile Web, ECMAScript (ES6), Pixel Perfect, UI Development, SVG, DOM, Website Performance, Website Optimization, Web UX, ES6 Promises, Sass, CSS3, JavaScript Libraries, Flux, Cross-browser Compatibility

Front-end Developer

2020 - 2021
Lupi ("ლუპი")
  • Developed a remote schooling web app for teachers and students to manage grades, tasks, communication, and so on.
  • Tracked and fixed bugs using Git software and Bitbucket service.
  • Solved bugs and managed the entire production system with thousands of users from hundreds of schools in Georgia.
Technologies: React, TypeScript, JavaScript, Git, Discord, Visual Studio Code (VS Code), Front-end, HTML, HTML5, Single-page Applications (SPAs), Windows, Web Development, CSS, SCSS, Video Editing, Redux, Algorithms, Data Structures, Mathematics, React Router, React Hooks, Web Applications, Web, Functional Programming, REST APIs, Front-end Development, User Interface (UI), Web UI, Computer Science, UX Design, APIs, Front-end Architecture, Performance, UI Design, Responsive Design, NPM, Webpack, REST, User Experience (UX), GitHub, Application State Management, Node.js, Responsive Web Apps, Responsive UI, Mobile Web, ECMAScript (ES6), Pixel Perfect, UI Development, SVG, DOM, Website Performance, Website Optimization, Web UX, ES6 Promises, Figma, Sass, Mobile, CSS3, JavaScript Libraries, PostgreSQL, GraphQL, Mobile First, Mobile Apps, Flux, Cross-browser Compatibility

Software Tester (QA of Stock Exchanges)

2020 - 2020
Exactpro
  • Tested the surveillance software of LSEG (London Stock Exchange Group) with some automated and manual tests.
  • Communicated daily with foreign coworkers and seniors in English.
  • Participated in various training sessions to better understand how software testing and stock exchanges work.
Technologies: Google Sheets, Stock Exchange, Testing, QA Testing, Front-end, Video Editing

Blockman | VS Code Extension

https://marketplace.visualstudio.com/items?itemName=leodevbro.blockman
A TypeScript-based VS Code extension that is a visual helper for developers. It supports almost all popular programming, styling, and markup languages and highlights nested code blocks with rectangles. As a result, many people find it very useful to understand and perceive the code structure easily and quickly.

It has over 100,000 installs, and that number is growing with about 100 installs per day. On this app, the colors and behavior can also be customized.

gmail-mbox-stats

https://www.npmjs.com/package/gmail-mbox-stats
This is an npm package and a video tutorial for sorting senders by frequency in Gmail. This statistical information is very useful when the user wants to quickly clean up their Gmail with thousands of emails.

Gmail does not have this feature. Also, I could not find any easy tutorial for this on the entire internet. There were only developer-level instructions and articles. Regular users were basically unable to achieve this. So I created an open source "gmail-mbox-stats" npm package and a video tutorial that is very easy to follow, even for regular users who don't have technical skills.

The video link is on the homepage of the gmail-mbox-stats npm package.

Calorie Tracking App with React and Firebase Authentication/Database

https://github.com/leodevbro/calorie-tracker-frontend-react-firebase
A React.js-based calorie tracking app with Firebase Firestore database and authentication/authorization. A user can register and log in, enter calorie intakes, and see daily/weekly stats. An admin can see the stats of all users. Also, an admin can edit other users.

Tiles and Stones Product Selling Web App

https://www.youtube.com/watch?v=K6k5jTGA2AA&list=PL-YmJSpphBa5JkwwtICmHP5Uz23PQIYBy&index=5
A React-based web app for the professional customers of a tiles and stones production company. My responsibility was to translate Figma designs into React SPA with React Router, Redux Toolkit, CSS/SCSS pixel-perfect design, and responsiveness for mobile, tablet, and desktop screens.

Remote Schooling Web Platform

https://www.youtube.com/watch?v=viqJmaeFP-g&list=PL-YmJSpphBa5mCQKeRTK5m3Bijc6_jB1s&index=19
A React.-based remote schooling website built for hundreds of schools with thousands of students and teachers. My responsibility was building the front-end UI with advanced functionality using React, TypeScript, and Less.

Landing Page for the Sales of Tiles and Stones

https://react-app-apogee.vercel.app/
A responsive React app—on mobile, tablet, and desktop—with smooth sliders, a sticky table, dynamic buttons, and scroll-driven video playback.

I could use a regular MP4 video, but it would be CPU intensive. To avoid this, I generated JPG images for each frame and combined them so that scroll-driven actions (playback, rewind, and fast-forward) are smooth enough for most users.

Trivia Game Web App

https://github.com/leodevbro/trivia-game
A React-based minigame where users have to answer several true or false questions. The game is built with React, TypeScript, and SCSS. The attached GitHub repo includes the CodeSandbox Live URL in the README.md file.

Tic-tac-toe Game

https://codesandbox.io/s/sad-firefly-jbunr
A React-based simple tic-tac-toe game for a demonstration of grid functionality skills. A user can change the square-wise width of the board, the square-wise height of the board, and the length of the winning sequence.

Sento | Textbox with Ultra-animated Emojis

https://codesandbox.io/s/purple-dawn-1bycg
A React-based textbox with emojis. These emojis are animated, so they appear even livelier. Also, these emojis are intended to appear identical on all devices. That's why the input string includes tags with the URLs of the GIF files of those emojis.

Real-life Road Crossing Math Problem and Solution

https://github.com/leodevbro/road-crossing-math-problem
A real-life math problem about crossing the road safely.

I got the idea of creating a math problem when crossing the road as a pedestrian, trying to find an optimal route to cross the street with minimal risk of car accident. I solved it and also created a corresponding graph in GeoGebra software to demonstrate the calculations visually.

Code Block Highlighter with React

https://www.youtube.com/watch?v=PIie9KKUHEA&t=82s
A React-based visual helper of software code (the YouTube video includes the CodeSandbox link in the description). This is the first generation of my Blockman idea. It was the project for visual testing before attempting to write it as an extension for VS Code.

I was not familiar with the VS Code extension API, so I simply created the block highlighter sandbox with React to see if I like it or not. It looked very good, so I learned the VS Code extension API and worked for about six months to build this project as the VS Code extension, Blockman.
2019 - 2021

Master's Degree in Computer Science

Georgian Technical University - Tbilisi, Georgia

2014 - 2019

Bachelor's Degree in Computer Science

The University of Georgia - Tbilisi, Georgia

Libraries/APIs

React, React Router, Flexbox, fp-ts, REST APIs, React Redux, Node.js, Firebase Web SDK, Recharts, Mapbox GL, Mapbox API, Chart.js, FFmpeg, Fabric, Fabric.js, Ruby ERB

Tools

Git, NPM, GitHub, Slack, Figma, Google Sheets, Adobe Experience Design (XD), Jira, Webpack 4, Firebase Authentication, Webpack, Babel, Redux Thunk, Redux Toolkit, GIS, Web GIS, JavaScript Testing, Camtasia, Audacity, Adobe Audition

Languages

TypeScript, JavaScript, CSS, SCSS, HTML, HTML5, ECMAScript (ES6), CSS3, Python, Less, Sass, GraphQL, Ruby

Frameworks

Redux, Tailwind CSS, Next.js, NestJS, Ant Design, Flux, React Native, Material UI, Bootstrap, MUI CSS, Jest, Express.js, Ruby on Rails (RoR)

Paradigms

Functional Programming, Testing, Search Engine Optimization (SEO), UI Design, REST, Responsive Web Design (RWD), UX Design, Unit Testing

Platforms

Web, Visual Studio Code (VS Code), Windows, Mobile, Firebase, Mapbox, Linux

Storage

Cloud Firestore, MySQL, PostgreSQL

Industry Expertise

Web Design

Other

Web Development, Front-end, Single-page Applications (SPAs), ES6 Promises, React Hooks, Web Applications, Styled-components, Front-end Development, Web UI, Front-end Architecture, Responsive Design, Application State Management, Responsive Web Apps, Responsive UI, Mobile Web, Pixel Perfect, UI Development, DOM, JavaScript Libraries, Mobile First, Cross-browser Compatibility, Graphic Design, QA Testing, Algorithms, Data Structures, Mathematics, Design Tools, Computer Science, APIs, Performance, Multimedia, CSS Grid, User Interface (UI), SVG, Website Performance, Website Optimization, TypeORM, Web UX, RESTful Services, Dashboard Development, API Integration, Zustand, Vite, Discord, Stock Exchange, Video Editing, Physics, Student Engagement, Pagination, User Experience (UX), Web Accessibility, Animation, Charting, Mapbox Datasets, Mapbox Styling, Paging, Video Encoding, Media Encoding, Charts, Full-stack, Mobile Apps, Data Visualization, Full-stack Development, Live Chat, Maps, React Admin, CSV, Gmail, Mail, Mailing, Audio, Chakra UI

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring