Serge is currently unavailable
Serge Droganov
Verified Expert in Engineering
Full-stack Developer
Belgrade, Serbia
Toptal member since October 30, 2014
Bio
Serge is a skilled graphic designer and front-end developer looking to work on challenging projects with interesting people. He has been working since 1999 and prides himself on solid coding practices paired with sleek and functional designs. Serge's current area of expertise is React, GraphQL, and Node.js web applications.
Portfolio
DigiTech, LLC
JavaScript, React, HTML, CSS, Next.js, Streaming, Team Leadership...
Independent
CSS, JavaScript, CoffeeScript, Node.js, Atom, TypeScript, Pixel Perfect, SCSS...
Know Your Funds Ltd
React, Python, Amazon Web Services (AWS), Next.js, Amazon RDS, AWS Amplify...
Experience
- JavaScript - 18 years
- Full-stack - 9 years
- GraphQL - 8 years
- React - 8 years
- Node.js - 7 years
- TypeScript - 5 years
- Git - 5 years
- Next.js - 4 years
Preferred Environment
Git, MacOS, TypeScript, Visual Studio Code (VS Code), Figma, Next.js, Node.js, React, GraphQL, REST
The most amazing...
...things I've created are open source libraries, such as a React and Tailwind UI library, a data validator, and observable stores for writing modular apps.
Work Experience
Front-end Developer
2022 - PRESENT
DigiTech, LLC
- Implemented and deployed a video streaming server utilizing WebRTC, HLS, MPEG-DASH, and RTMP formats, saving the client hundreds of thousands of dollars per month.
- Acted as a team lead, coordinating the integration of the streaming server with API servers to improve overall system functionality.
- Added online payment and subscription integrations and implemented monthly payroll processing.
- Addressed and resolved various bugs left by previous teams and implemented multiple improvements to the Next.js application.
- Assisted a Django developer in improving performance by configuring AWS CloudFront caching to reduce excessive API hits.
- Configured and implemented continuous integration and autodeployment to streamline development and deployment processes.
- Documented retrospective changes, improvements, and best practices for future reference.
Technologies: JavaScript, React, HTML, CSS, Next.js, Streaming, Team Leadership, API Integration, PostgreSQL, SQL
Web Developer
2006 - PRESENT
Independent
- Developed and launched a new website for Twitter content analysis, utilizing React, MUI, Three.js, Python (Flask), and PostgreSQL.
- Created and implemented a collaborative marketing campaign editor using React, Tailwind, Node.js, GraphQL, PostgreSQL, Docker, and AWS.
- Developed a software for multi-touch screen kiosks for a tourism committee client using React and Chrome.
- Worked as a team lead to develop and launch a web-based ERP system for a logistics company. Used JavaScript, Java, MySQL, Elasticsearch, Redis, HTML, SCSS, and Docker.
- Led the development of an intranet website for a logistics company, utilizing JavaScript, Java, MySQL, Elasticsearch, Redis, HTML, SCSS, and Docker.
- Acted as a team lead to develop and launch an intranet website with real-time collaboration capabilities for an industrial manufacturing company. Used DerbyJS, HTML, CSS, MySQL, Elasticsearch, and Java.
- Served as a team lead and product owner to create a general classifieds website that helps solve the locals' casual problems. Used React, TypeScript, CRDT, AWS, Docker, PostgreSQL, and GraphQL.
- Worked as a team lead to develop an authorware for the collaborative editing of SCORM e-learning modules. Led a team of three in creating 2,000 learning modules in two years using SCORM, HTML, JavaScript, CSS, Java, and Node.js.
- Developed and open sourced a UI library for React and Tailwind, providing a set of reusable components to improve the development process.
- Created a CRDT-like client and server for building real-time, offline-capable collaborative applications using TypeScript, WebSockets, and CRDT.
Technologies: CSS, JavaScript, CoffeeScript, Node.js, Atom, TypeScript, Pixel Perfect, SCSS, Next.js, Tailwind CSS, Front-end, GitHub, Amazon Web Services (AWS), GraphQL, Mapbox, Google Maps, D3.js, Data Visualization, Material UI, Firebase, Styled-components, Management, Team Leadership, Architecture, API Integration, Prisma, Artificial Intelligence (AI), SQL
Full-stack Developer
2023 - 2023
Know Your Funds Ltd
- Developed custom dashboard widgets utilizing React Query Builder and DevExpress. Implemented the necessary FastAPI endpoints on the back end and designed SQL sanitizers to prevent SQL injection attacks.
- Designed a settings storage for DevExpress DataGrid, utilizing FastAPI and SQLAlchemy for implementation.
- Resolved numerous React bugs and introduced several improvements to the UI. Implemented some good practices for state management.
Technologies: React, Python, Amazon Web Services (AWS), Next.js, Amazon RDS, AWS Amplify, Serverless Framework, API Integration, PostgreSQL, SQL
Web Developer
2016 - 2018
Bravo
- Built a lightweight and responsive survey-taking app using React, Redux, and SCSS.
- Created a feature-rich survey editor app and a reporting system using React, Redux, SCSS, and D3.js.
- Created unit and integration test levels using Mocha and Jest.
Technologies: Redux, React, Node.js, Ruby on Rails (RoR), Pixel Perfect, SCSS, Front-end, GitHub, GraphQL, D3.js, Data Visualization, Styled-components, API Integration, PostgreSQL, SQL
Front-end Developer
2015 - 2016
Stowaway Cosmetics
- Redesigned the old website using React and SCSS, resulting in a 50% increase in website traffic and a 35% increase in user engagement.
- Implemented server-side React rendering using a custom-made Node.js app, resulting in a 40% decrease in page load time and a 20% increase in SEO ranking.
- Connected the React app to the Spree Commerce API, enabling seamless integration of eCommerce functionality and resulting in a 30% increase in online sales.
- Created detailed documentation and roadmaps for future development, leading to a 25% reduction in development time for new features and a 15% increase in team productivity.
- Conducted code refactoring and thorough testing, resulting in a 95% decrease in bugs and a 90% increase in code maintainability.
Technologies: BEM, Gulp, Spree, Ruby on Rails (RoR), JADE, Stylus, Webpack, Node.js, Redux, React, Pixel Perfect, Front-end, GitHub, Styled-components, API Integration, SQL
Web Designer
2001 - 2006
News Outdoor
- Developed an information portal about outdoor advertising for an industry leader using HTML, CSS, JavaScript, jQuery, PHP, and MySQL.
- Created a content management system to drive the company's projects using HTML, CSS, JavaScript, jQuery, PHP, and MySQL.
- Designed and developed multiple versions of the company's intranet website.
- Improved website performance by implementing analytics tracking and optimization techniques using Google Analytics and SQL.
- Implemented a mobile-responsive design for the company's website.
- Managed website updates and maintenance to ensure smooth operation and high availability.
- Worked with a team of designers and developers to complete projects on time and within budget.
- Provided technical support and training for the company's employees.
Technologies: Adobe Flash, Adobe Photoshop, Adobe Illustrator, MySQL, PHP, JavaScript, CSS, HTML, Pixel Perfect, Front-end, Architecture, SQL
Web Designer
2000 - 2001
Ayaxi
- Designed and developed an intranet website for Arthur Andersen using Adobe Illustrator, HTML, and CSS.
- Contributed to the coding, prototyping, and visual design of an oil company's website using HTML and CSS.
- Created an HTML prototype for a company's project management system using HTML and CSS.
- Conducted user research and usability testing, resulting in a 50% reduction in user complaints.
- Led the redesign of the company's website, resulting in a 35% increase in website traffic and conversion rate.
- Provided technical training and support to team members, resulting in a 50% increase in team productivity.
- Successfully managed multiple projects, meeting deadlines and budgets.
Technologies: Adobe Illustrator, Adobe Photoshop, Adobe Flash, Adobe Dreamweaver, JavaScript, CSS, HTML, Pixel Perfect, Front-end, SQL
Experience
Online Survey Platform
As a front-end developer, I created a React-based online survey platform for a client. The platform includes several React applications and hundreds of custom components for authoring and running survey campaigns.
Online Flower Shop
As a developer, I played a crucial role in successfully developing and releasing the client's application. During a sprint, I worked alongside my team to improve the application's functionality and user experience. I specifically focused on enhancing the React components and Redux stores and identifying and fixing any bugs that arose. By utilizing my knowledge and skills in these areas, I contributed significantly to the project, ensuring that the application was completed and released on time. I also polished some features to provide a good user experience. My involvement in the project was crucial to its success, and I am proud to have been a part of the team that brought the application to fruition.
Website for a Cosmetics Brand
I was involved in redesigning an old website using React and SCSS. My role included implementing server-side React rendering using a custom-made Node.js app, connecting the React app to the Spree Commerce API to enable eCommerce functionality, creating documentation and roadmaps for future development, and conducting code refactoring and testing. These efforts improved website traffic, user engagement, page load time, SEO ranking, online sales, development time, and team productivity. My involvement was crucial to the successful development of the project.
Live Video Sreaming Platform
As the team lead, I implemented and deployed a server using WebRTC, HLS, MPEG-DASH, and RTMP formats. This resulted in significant cost savings for the client with a monthly reduction in the hundreds of thousands of dollars.
My other work included coordinating the integration of the streaming server with API servers to improve overall system functionality. I also implemented online payment and subscription integrations and monthly payroll processing.
Throughout the project, I addressed and resolved various bugs left by previous teams and made multiple improvements to the Next.js app. To help out a Django developer, I also configured the AWS CloudFront caching to reduce excessive API hits—boosting the performance.
By configuring and implementing continuous integration and auto-deployment, I streamlined the development and deployment processes. Furthermore, I documented retrospective changes, improvements, and best practices for future reference.
My other work included coordinating the integration of the streaming server with API servers to improve overall system functionality. I also implemented online payment and subscription integrations and monthly payroll processing.
Throughout the project, I addressed and resolved various bugs left by previous teams and made multiple improvements to the Next.js app. To help out a Django developer, I also configured the AWS CloudFront caching to reduce excessive API hits—boosting the performance.
By configuring and implementing continuous integration and auto-deployment, I streamlined the development and deployment processes. Furthermore, I documented retrospective changes, improvements, and best practices for future reference.
Education
1996 - 2002
Specialist Degree in Graphic Design
Yaroslav-the-Wise Novgorod State University (NovSU) - Novgorod
Skills
Libraries/APIs
Node.js, React, jQuery, Google Maps, D3.js, REST APIs, WebRTC, HLS.js, AWS Amplify, SQLAlchemy, OpenAPI
Tools
Webpack, Stylus, GitHub, Atom, Adobe Photoshop, Grunt, Adobe Illustrator, Git, Adobe Dreamweaver, Adobe Flash, Sublime Text, TextMate, Mercurial, Spree, Gulp, Sublime Text 3, Mocha, Figma, Prisma
Languages
CSS, ECMAScript (ES6), HTML, Sass, HTML5, JavaScript, GraphQL, TypeScript, SCSS, SQL, PHP, JADE, CFML, CoffeeScript, CSS3, Python, Python 3
Frameworks
Redux, Next.js, Tailwind CSS, Express.js, Koa, Bootstrap, Material UI, Ruby on Rails (RoR), Red5 Media Server, Serverless Framework
Paradigms
Testing, Management, BEM, Unit Testing, REST
Platforms
MacOS, Firebase, Linux, Amazon Web Services (AWS), Mapbox, Visual Studio Code (VS Code)
Storage
Redis, MongoDB, MySQL, PostgreSQL
Other
Pixel Perfect, Front-end, Styled-components, API Integration, Google Material Design, Apollo, CRDT, Team Leadership, Architecture, WebSockets, Full-stack, Data Visualization, Web Components, Spree Commerce, Streaming, MPEG-DASH, RTMP, Amazon RDS, FastAPI, DevExpress, Artificial Intelligence (AI)
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