Levan is available for hire
Hire LevanLevan Katsadze
Verified Expert in Engineering
Front-end Developer
Tbilisi, Georgia
Toptal member since September 23, 2022
Bio
Levan is a front-end engineering professional with hands-on experience at software companies across 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
TealBook Inc.
React, TypeScript, Node.js, NPM, GraphQL, Vite, Tailwind CSS...
Apart People AS
React, Node.js, Next.js, Front-end, Git, Figma, Artificial Intelligence (AI)...
Steady Platform, Inc
React, TypeScript, HTML, SCSS, React Router, fp-ts, Chakra UI, Vite, Zustand...
Experience
- React - 6 years
- JavaScript - 6 years
- TypeScript - 5 years
- Web Development - 4 years
- SCSS - 4 years
- Single-page Applications (SPAs) - 4 years
- Next.js - 3 years
- Algorithms - 2 years
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. A visual helper for developers with 300,000 installs, it's well-loved by many users.
Work Experience
Senior Front-end Developer
2025 - 2026
TealBook Inc.
- Developed a data intelligence app to help companies easily manage their suppliers by providing a large database of all kinds of legal entities worldwide.
- Tracked and fixed bugs using GitHub and AI tools like Copilot and Claude.
- Maintained and improved the front-end codebase to be much more type-safe and much more organized than before. Fixed many bugs and improved overall user experience by implementing a new design and functionality.
Technologies: React, TypeScript, Node.js, NPM, GraphQL, Vite, Tailwind CSS, Component Libraries, ESLint, Material UI, Figma, React Hook Form, React Testing Library, AI Agents, Agentic AI, User Experience (UX), User Interface (UI), Prompt Engineering, Storybook, Scalable Architecture, AI Programming, UI Components, Aesthetics, Figma to React, AI-generated Code, Product Mindset, NoSQL, Communication, APIs, Claude, Claude Code, Codex, GitHub Copilot, Anthropic, Code Refactoring, Refactoring, E2E Testing, Test-driven Development (TDD), Integration Testing, Databases, AI Tools, Data Analytics, Vibe Coding, Minimum Viable Product (MVP), Full-stack, API Integration, Software Development, API Development, Authentication, Quality Assurance (QA), Technical Architecture, Python, AI-assisted Development, AI-augmented Software Engineering (AIASE), Component-based Architecture, Site Speed Optimization, Dashboards, Agile, Troubleshooting, Back-end, Docker, Front-end Architecture, Software Design, Data Aggregation
Front-end Developer
2025 - 2025
Apart People AS
- Developed a web app that helps users manage real estate operations.
- Tracked and fixed bugs using Git and GitHub. We heavily used Claude AI tools to speed up the development process and increase code quality.
- Gained experience using cutting-edge AI tools to support developers throughout nearly all stages of the development process.
Technologies: React, Node.js, Next.js, Front-end, Git, Figma, Artificial Intelligence (AI), Large Language Models (LLMs), Claude, Context API, ESLint, Web Performance Optimization (WPO), Scalability, Software Architecture, Chrome DevTools, Startups, Tailwind UI, Component Libraries, React Hook Form, AI Agents, Agentic AI, User Experience (UX), User Interface (UI), TypeScript, Model Context Protocol (MCP), Claude Code, Prompt Engineering, Cursor AI, Scalable Architecture, AI Programming, UI Components, Aesthetics, Figma to React, AI-generated Code, Product Mindset, Communication, TanStack Router, WebSockets, Server Sent Events (SSE), APIs, Automated Testing, GitHub Copilot, Codex, Gemini, Agentic AI Systems, Anthropic, Code Refactoring, Refactoring, E2E Testing, Test-driven Development (TDD), Integration Testing, Databases, AI Tools, Vibe Coding, Software Development, Claude API, Quality Assurance (QA), AI-assisted Development, AI-augmented Software Engineering (AIASE), Component-based Architecture, Site Speed Optimization, OpenAI, Automation, Troubleshooting, Back-end, Docker, Mortgages, Front-end Architecture, Software Design, Data Aggregation, Vitest
Front-end React/JavaScript Developer
2024 - 2025
Steady Platform, Inc
- Developed a web app to manage income sources for many users, for both mobile and desktop screens. Fixed bugs and maintained a complex front-end codebase with clean coding practices.
- Tracked and fixed bugs using Jira and GitHub with classic flow of PR reviews.
- Used fp-ts and implemented advanced custom TypeScript utilities like createSmartEnum (safer than Zod enum utility) to make the development experience much more comfortable and faster.
Technologies: React, TypeScript, HTML, SCSS, React Router, fp-ts, Chakra UI, Vite, Zustand, JavaScript, Lingui, Mobile, NPM, User Interface (UI), GitHub, Node.js, Responsive Web Apps, Mobile Web, Pixel Perfect, UI Development, SVG, Web Accessibility, Slack, Visual Studio Code (VS Code), Git, Web Development, CSS, ES6 Promises, ECMAScript (ES6), Web Applications, Web, Functional Programming, REST APIs, Front-end Development, Web UI, APIs, Flexbox, Jira, Responsive Design, Slack App, CI/CD Pipelines, User Management, Role-based Access Control (RBAC), Figma to React, Design Systems, Development, ESLint, Web Performance Optimization (WPO), Scalability, Software Architecture, Chrome DevTools, Accessibility, Figma, Component Libraries, React Hook Form, AI Agents, Agentic AI, User Experience (UX), Zod, Zod Schema, Prompt Engineering, Scalable Architecture, Code Review, AI Programming, UI Components, Aesthetics, AI-generated Code, Product Mindset, NoSQL, Communication, TanStack Router, WebSockets, Server Sent Events (SSE), Automated Testing, Anthropic, Code Refactoring, Refactoring, E2E Testing, Legacy Code, Test-driven Development (TDD), Integration Testing, Databases, AI Tools, Full-stack, Software Development, Fintech, Authentication, Quality Assurance (QA), AI-assisted Development, AI-augmented Software Engineering (AIASE), Component-based Architecture, Site Speed Optimization, Dashboards, Agile, Troubleshooting, OAuth, Financial APIs, Front-end Architecture, Software Design, Data Aggregation, Vitest
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, NPM, User Interface (UI), Node.js, Responsive Web Apps, Pixel Perfect, UI Development, Slack, Visual Studio Code (VS Code), Git, Web Development, SCSS, Web Applications, Web, Front-end Development, Web UI, Mobile, Flexbox, Jira, Responsive Design, Docker, Slack App, CI/CD Pipelines, Figma to React, Design Systems, Development, RESTFul APIs, ESLint, Lazy Loading, Web Performance Optimization (WPO), Caching, Scalability, Core Web Vitals, Static Site Generators, Web Scalability, Software Architecture, Chrome DevTools, Accessibility, A/B Testing, Design Patterns, Component Libraries, User Experience (UX), Scalable Architecture, UI Components, Aesthetics, Motion, Layered Animations, Product Mindset, Yarn, NoSQL, Communication, WebSockets, Server Sent Events (SSE), APIs, Automated Testing, Code Refactoring, Refactoring, E2E Testing, Legacy Code, Test-driven Development (TDD), Databases, Full-stack Development, Videos, Minimum Viable Product (MVP), Full-stack, Software Development, Quality Assurance (QA), Component-based Architecture, Site Speed Optimization, System Design, Dashboards, Agile, Automation, Troubleshooting, OAuth, Software Design, Data Aggregation
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, NPM, User Interface (UI), Node.js, Responsive Web Apps, Pixel Perfect, UI Development, Slack, Visual Studio Code (VS Code), Git, Web Development, CSS, SCSS, Web Applications, Web, Front-end Development, Web UI, Mobile, Flexbox, Jira, Responsive Design, Slack App, CI/CD Pipelines, User Management, Figma to React, Design Systems, Development, Server-side Rendering (SSR), SSG, Web Performance Optimization (WPO), Caching, Scalability, Web Scalability, Software Architecture, Chrome DevTools, Component Libraries, User Experience (UX), UI Components, Aesthetics, Motion, Layered Animations, Product Mindset, Yarn, Communication, WebSockets, Server Sent Events (SSE), APIs, Automated Testing, Code Refactoring, Refactoring, Legacy Code, Databases, Minimum Viable Product (MVP), Software Development, Quality Assurance (QA), Component-based Architecture, Site Speed Optimization, Agile, Automation, Troubleshooting, Docker, Next.js, Software Design, Data Aggregation
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, NPM, User Interface (UI), GitHub, Node.js, Responsive Web Apps, Pixel Perfect, UI Development, Slack, Visual Studio Code (VS Code), Git, Web Development, Web Applications, Web, Functional Programming, Front-end Development, Web UI, Flexbox, Responsive Design, Slack App, CI/CD Pipelines, Figma to React, Design Systems, Development, RESTFul APIs, React Query, Web Performance Optimization (WPO), Caching, Scalability, Software Architecture, Chrome DevTools, Component Libraries, User Experience (UX), Zod, Zod Schema, Code Review, REST API Architecture, Page Speed Optimization, UI Components, Aesthetics, Security, Creative Concept Development, Motion, Layered Animations, Product Mindset, Communication, WebSockets, Automated Testing, Code Refactoring, Refactoring, MVP Design, Data Analytics, Software Development, Authentication, Quality Assurance (QA), Component-based Architecture, Site Speed Optimization, TanStack Table, System Design, Back-end Development, Dashboards, Agile, Troubleshooting, Geolocation, Front-end Architecture, Software Design, Data Aggregation
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, 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, NPM, Responsive Web Apps, Pixel Perfect, Visual Studio Code (VS Code), REST APIs, Mobile, Flexbox, Jira, Responsive Design, GitHub, Slack App, CI/CD Pipelines, User Management, Role-based Access Control (RBAC), Figma to React, Design Systems, Development, RESTFul APIs, React Query, Web Performance Optimization (WPO), Caching, Scalability, Web Scalability, Software Architecture, Chrome DevTools, Security, Startups, Design Patterns, Tailwind UI, Scalable Architecture, Code Review, REST API Architecture, Page Speed Optimization, UI Components, Aesthetics, Layered Animations, Product Mindset, Yarn, Communication, APIs, Automated Testing, Code Refactoring, Refactoring, Edtech Design, MVP Design, Databases, Progressive Web Applications (PWAs), PostgreSQL, Mobile App Development, API Integration, Software Development, API Development, Authentication, Data Modeling, Quality Assurance (QA), Technical Architecture, Monorepos, React Native, Component-based Architecture, Site Speed Optimization, TanStack Table, System Design, Back-end Development, Dashboards, Agile, Automation, Troubleshooting, Back-end, OAuth, Front-end Architecture, Software Design, Data Aggregation
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, REST APIs, Jira, Slack App, CI/CD Pipelines, User Management, Figma to React, Design Systems, Development, RESTFul APIs, Lazy Loading, React Query, Web Performance Optimization (WPO), Scalability, Web Scalability, Software Architecture, Chrome DevTools, Accessibility, Design Patterns, Scalable Architecture, REST API Architecture, UI Components, Aesthetics, Creative Concept Development, Layered Animations, Product Mindset, Yarn, Communication, APIs, Automated Testing, Code Refactoring, Refactoring, Legacy Code, MVP Design, Progressive Web Applications (PWAs), Minimum Viable Product (MVP), Software Development, Quality Assurance (QA), Component-based Architecture, Site Speed Optimization, TanStack Table, System Design, Back-end Development, Dashboards, Agile, Automation, Troubleshooting, GraphQL, Software Design, Data Aggregation
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, Web Development, REST APIs, Jira, Slack App, CI/CD Pipelines, Figma to React, Design Systems, Development, Web Performance Optimization (WPO), Web Scalability, Software Architecture, Chrome DevTools, Accessibility, Scalable Architecture, UI Components, Aesthetics, Product Mindset, NoSQL, Communication, APIs, Automated Testing, Code Refactoring, Refactoring, Legacy Code, MVP Design, Progressive Web Applications (PWAs), Minimum Viable Product (MVP), Software Development, Quality Assurance (QA), Component-based Architecture, Site Speed Optimization, TanStack Table, Dashboards, Troubleshooting, Software Design, Data Aggregation
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, Node.js, Jira, Slack App, CI/CD Pipelines, Development, Software Architecture, Chrome DevTools, Startups, REST API Architecture, UI Components, Aesthetics, Product Mindset, Communication, Code Refactoring, Refactoring, MVP Design, Progressive Web Applications (PWAs), Minimum Viable Product (MVP), Software Development, Quality Assurance (QA), Component-based Architecture, Site Speed Optimization, TanStack Table, System Design, Troubleshooting, Software Design, Data Aggregation
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, Jira, Slack App, CI/CD Pipelines, User Management, Role-based Access Control (RBAC), Figma to React, Development, RESTFul APIs, Software Architecture, Chrome DevTools, Startups, Web Content Accessibility Guidelines (WCAG), Storybook, Scalable Architecture, Code Review, REST API Architecture, Page Speed Optimization, UI Components, Aesthetics, Product Mindset, NoSQL, Communication, Tailwind UI, Code Refactoring, Refactoring, Edtech Design, Databases, Full-stack Development, Full-stack, API Integration, Software Development, API Development, Authentication, Quality Assurance (QA), Monorepos, Component-based Architecture, Site Speed Optimization, TanStack Table, System Design, Back-end Development, Dashboards, Agile, Troubleshooting, Back-end, Software Design, Data Aggregation
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, Product Mindset, Communication, Quality Assurance (QA), Troubleshooting, Data Aggregation
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 users find it very useful to understand and perceive the code structure easily and quickly.
It has over 300,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 300,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
This is an npm package and a video tutorial for sorting senders by frequency in Gmail. This statistical information is particularly useful when a user wants to quickly clean up their Gmail inbox, which may contain 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.
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-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
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
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
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-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 liked 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 liked 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.
Education
2019 - 2021
Master's Degree in Computer Science
Georgian Technical University - Tbilisi, Georgia
2013 - 2019
Bachelor's Degree in Computer Science
The University of Georgia - Tbilisi, Georgia
Skills
Libraries/APIs
React, React Router, Flexbox, Context API, TanStack Table, fp-ts, REST APIs, React Redux, Node.js, React Query, React Hook Form, Zod, Zod Schema, Firebase Web SDK, Recharts, Mapbox GL, Mapbox API, Chart.js, FFmpeg, Fabric, Fabric.js, Ruby ERB, Gmail API, React Testing Library, API Development, Claude API
Tools
Git, Figma, NPM, GitHub, Slack, Shadcn, Claude, Claude Code, Vitest, TanStack Router, GitHub Copilot, Codex, 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, Expo, Firebase Security Rules
Languages
TypeScript, JavaScript, CSS, SCSS, HTML, HTML5, ECMAScript (ES6), CSS3, Python, GraphQL, Less, Sass, Ruby, SQL
Frameworks
Redux, Tailwind CSS, Next.js, React Native, Material UI, NestJS, Jest, Ant Design, Flux, Yarn, Bootstrap, MUI CSS, Express.js, Ruby on Rails (RoR)
Paradigms
Functional Programming, Web Performance Optimization (WPO), Code Refactoring, Refactoring, Testing, Search Engine Optimization (SEO), UI Design, REST, Responsive Web Design (RWD), Model Context Protocol (MCP), REST API Architecture, Automated Testing, E2E Testing, Test-driven Development (TDD), Agile, Automation, UX Design, Unit Testing, Role-based Access Control (RBAC), Design Patterns, Microfrontends
Platforms
Web, Visual Studio Code (VS Code), Windows, Firebase, Mobile, Docker, Vercel, Mapbox, Linux
Storage
PostgreSQL, Cloud Firestore, MySQL, NoSQL, Databases
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, APIs, Front-end Architecture, Responsive Design, User Interface (UI), User Experience (UX), Application State Management, Responsive Web Apps, Responsive UI, Mobile Web, Pixel Perfect, UI Development, DOM, JavaScript Libraries, Mobile First, Cross-browser Compatibility, Figma to React, Development, Chrome DevTools, UI Components, Minimum Viable Product (MVP), Software Development, Component-based Architecture, Site Speed Optimization, Dashboards, Troubleshooting, Software Design, Data Aggregation, Graphic Design, QA Testing, Algorithms, Data Structures, Mathematics, Design Tools, Computer Science, Performance, Multimedia, CSS Grid, SVG, Website Performance, Website Optimization, TypeORM, Web UX, RESTful Services, Dashboard Development, Full-stack, API Integration, Zustand, Vite, Chakra UI, Lingui, Slack App, RESTFul APIs, Artificial Intelligence (AI), ESLint, Scalability, Web Scalability, Software Architecture, A/B Testing, Startups, Tailwind UI, Component Libraries, AI Agents, Agentic AI, Prompt Engineering, Cursor AI, Scalable Architecture, Code Review, AI Programming, Page Speed Optimization, Aesthetics, UI Testing, AI-generated Code, Creative Concept Development, Motion, Layered Animations, Product Mindset, Communication, Gemini, Anthropic, Legacy Code, Integration Testing, MVP Design, AI Tools, Videos, Vibe Coding, Fintech, Quality Assurance (QA), AI-assisted Development, AI-augmented Software Engineering (AIASE), System Design, OAuth, Mortgages, Discord, Stock Exchange, Video Editing, Physics, Student Engagement, Pagination, Web Accessibility, Animation, Charting, Mapbox Datasets, Mapbox Styling, Paging, Video Encoding, Media Encoding, Charts, Mobile Apps, Data Visualization, Full-stack Development, Live Chat, Maps, React Admin, CSV, Gmail, Mail, Mailing, Audio, CI/CD Pipelines, User Management, Design Systems, Product Design, Large Language Models (LLMs), Lazy Loading, Server-side Rendering (SSR), SSG, Caching, Core Web Vitals, Static Site Generators, Accessibility, Security, WCAG 2, VS Code Extension APIs, VS Code Extensions, VS Code Plugins, Web Content Accessibility Guidelines (WCAG), Supabase, Storybook, WebSockets, Server Sent Events (SSE), Agentic AI Systems, Edtech Design, Progressive Web Applications (PWAs), Mobile App Development, Data Analytics, Authentication, Data Modeling, Technical Architecture, Monorepos, OpenAI, Back-end Development, Back-end, Financial APIs, Geolocation
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