Levan is available for hire
Hire LevanLevan Katsadze
Verified Expert in Engineering
Front-end Developer
Location
Tbilisi, Georgia
Toptal Member Since
September 23, 2022
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
Availability
Part-time
Preferred Environment
Windows, Slack, Visual Studio Code (VS Code), Git
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 100K installs, is well-loved by many people.
Work Experience
Front-end Developer
2023 - PRESENT
Dekeo Inc
- Developed a Canva-like editor app enabling users to create various vector designs using SVG and Fabric.js canvas toolset.
- Managed 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.
Technologies: React, HTML, CSS, Front-end, TypeScript, Ruby on Rails (RoR), Ruby, JavaScript, Fabric, Fabric.js, SVG
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
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
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 (SPA), 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
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 (SPA), 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 (SPA), 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 (SPA), 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
Experience
Blockman | VS Code Extension
https://marketplace.visualstudio.com/items?itemName=leodevbro.blockmanA 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.
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.
Calorie Tracking App with React and Firebase Authentication/Database
https://github.com/leodevbro/calorie-tracker-frontend-react-firebaseA 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=5A 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=19A 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.
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-gameA 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-jbunrA 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-1bycgA 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-problemA 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.
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=82sA 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.
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.
Skillset
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)
Libraries/APIs
React, React Router, Flexbox, REST APIs, React Redux, Node.js, Firebase Web SDK, Recharts, Mapbox GL, Mapbox API, Chart.js, FFmpeg, Fabric, Fabric.js
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
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
Other
Web Development, Front-end, Single-page Applications (SPA), 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, fp-ts, 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, 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
Storage
Cloud Firestore, MySQL, PostgreSQL
Industry Expertise
Web Design
Education
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
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