<h2><span style="background-color:transparent;color:#000000;">OVERVIEW</span></h2><p><a target="_blank" rel="noopener noreferrer" href="https://looqme.io/en"><span style="background-color:transparent;color:#1155cc;"><u>LOOQME (LookSMI</u>) </span></a><span style="background-color:transparent;color:#000000;">is an advanced automated monitoring and analytics system. On a 24/7 basis, it provides users with up-to-date information about their public reputation and the overall situation on the market. With LOOQME (LookSMI), companies can assess the quality of their PR campaigns, quickly discover the negative or adverse information (for example, during a crisis), run competitor intelligence, and follow the latest industry news. This system accommodates information from both traditional (newspapers, magazines, TV, radio) and digital (the Internet and social networks) media.</span></p><p><span style="background-color:transparent;color:#000000;">Apart from data collection and monitoring, the main LOOQME (LookSMI) gimmick is a convenient content visualization and analysis provided for its users.</span></p><p><span style="background-color:transparent;color:#000000;">At the time when we worked with the company, it was called LookSMI. Later, the company conducted greater reorganization and rebranding and continued its work on the market under the new name LOOQME. And it has become the best media monitoring software in its market.</span></p>

<h2><span style="background-color:transparent;color:#000000;">PURPOSE AND NEED</span></h2><p><span style="background-color:transparent;color:#000000;">The problem with media monitoring these days is the colossal volume of data originating from a huge amount of diverse media sources. Before, one had to manually collect different data streams, compile them using different media monitoring software, and then send them to the client one or two times a day. However, today information disseminating happens very fast, and if you care about your reputation, you must keep track of what's going on in real time.</span></p><p><span style="background-color:transparent;color:#000000;">Thus, LOOQME turned to Gearheart, setting the task to create a universal offline and online media monitoring platform to collect and analyze information from all available open sources. Our task was:</span></p><ul><li><span style="background-color:transparent;color:#000000;">to develop a system that would be capable of unifying all media types in one format;</span></li><li><span style="background-color:transparent;color:#000000;">arrange information uploading from over 10,000 various media sources into one database;</span></li><li><span style="background-color:transparent;color:#000000;">create a straightforward and user-friendly interface for the clients;</span></li><li><span style="background-color:transparent;color:#000000;">automate report compiling.</span></li></ul>

<p>The client's requirement was to accomplish these tasks and launch the system prototype as soon as within one month.</p><h2>SOLUTION</h2><p>To speed up the system’s release to the market, Gearheart offered a solution that prioritized creating the interface for the user's end. Back-end development and system fine-tuning were attributed to the second phase.</p><p>Under these circumstances, LOOQME would at first fill the system manually, but the information on the user's side would be presented via a convenient interface. This approach would allow the company to put its idea to the test right away and see how it worked out.</p><h2>TECHNOLOGY</h2><p>We describe in detail the technical side further on certain features. In the meantime, we will list the technologies used: Angular, Django, Python, MongoDB, PostgreSQL, Solr, and Sass.</p>

<h2>STRUCTURE AND FEATURES</h2><h3>DESIGN</h3><p>To save time and budget, we offered LOOQME several ready-to-use design templates with a broad selection of ready-made visual modules. The client embraced the idea and chose the template that fully complied with his likings and requirements. Several visual themes are available to choose from.</p><p>For data visualization, we used ECharts.</p>

<p><span style="background-color:transparent;color:#000000;">Of course, today the interface of the system is optimized for mobile.</span></p><h3><span style="background-color:transparent;color:hsl(0,0%,0%);">TECHNICAL SIDE</span></h3><p><span style="background-color:transparent;color:#000000;">At first, we tested Elastic Search to deal with search engine indexes. But we quickly saw that its query language was not broad enough for the task. So we moved to Solr, which has been used in the system ever since.</span></p><p><span style="background-color:transparent;color:#000000;">The main technical problem of the project was the search index load, as the LOOQME system is all about simultaneously reading and writing the vast volumes of data. It's simple enough to create a system that doesn't load servers too much by focusing either on writing or on reading. But creating a system that wouldn't bring servers down while performing intensive concurrent writing and reading operations is a much more complicated task.</span></p>

<p><span style="background-color:transparent;color:#000000;">Nevertheless, after bringing Solr into the system, thoroughly exploring the problem, and fine-tuning the algorithms, we managed to find the right balance and walk the thin line between reading and writing, speed, and load. Thanks to this, now LOOQME knows exactly when they can get along by optimizing configurations and when they need to add servers.</span></p><p><span style="background-color:transparent;color:#000000;">We finished up the first development stage by creating the user interface – a dynamic single-page application on Angular. It requires sending less data and thus reduces server load.</span></p><p><span style="background-color:transparent;color:#000000;">In the second stage, we automated the mechanism of filling the system with data by developing a unique programmatic solution. Our software constantly processes thousands of websites and captures new articles within just 15 minutes after they are published.</span></p><p><span style="background-color:transparent;color:#000000;">Eventually, to make the system work quickly and consistently, we created two databases:</span></p><ol><li><span style="background-color:transparent;color:#000000;">The first database was meant to store all data from all media. We used MongoDB for that; it's ideal when you need to store huge volumes of data without doing something with it frequently.</span></li><li><span style="background-color:transparent;color:#000000;">The second database was intended to work with the users' portals and let users edit data. For that, we used PostgreSQL. The data that the client needs are imported to this database from Mongo – and then the user can work with it. He can also download the data/reports in Excel, PDF, HTML, or ZIP.</span></li></ol><p><span style="background-color:transparent;color:#000000;">Finally, we created a custom on-site search engine based on Scrapy framework. It can handle complex search queries, taking into consideration multiple sophisticated rules.</span></p>

<p><span style="background-color:transparent;color:#000000;">As a result, we developed a stable, secure, and fast system that can process huge volumes of data for many concurrent users. In total, creating the working prototype that could be sold to clients took one month – as was requested by LOOQME.</span></p><p><span style="background-color:transparent;color:#000000;">During the support period, we made four system versions with redesigns and dozens of new features.</span></p><p><span style="background-color:transparent;color:#000000;">Today, LOOQME is the leader of the monitoring market in Ukraine. The system is used by the majority of large and medium-sized companies from absolutely different business areas. Now, the internal team of LOOQME developers successfully continues to work on supporting, improving, and developing the system.</span></p>

<h2><span style="background-color:transparent;color:#000000;">RESULTS</span></h2><ol><li><span style="background-color:transparent;color:#000000;">We created real time media monitoring system that can process data from both online and offline sources. The system worked with over 10,000 sources with a daily increment of around 300,000 inputs.</span></li><li><span style="background-color:transparent;color:#000000;">The system’s stability, speed, and integrity allowed LOOQME to triple their clients and sales every year since 2012/2013. Among LOOQME clients one can find McDonald’s, UNIQA, Henkel, Yves Rocher, Philip Morris, OLX, Polpharma, etc.</span></li><li><span style="background-color:transparent;color:#000000;">The system’s algorithms reduced the report preparation period by four times.</span></li><li><span style="background-color:transparent;color:#000000;">Thanks to the minimalistic design and implemented technical solutions, LOOQME is very simple to navigate for users.</span></li></ol><p><span style="background-color:transparent;color:#000000;">The main takeaway from Gearheart's experience with LOOQME is that even one month can be enough to create a complex and comprehensive online media monitoring software. The key to success here is choosing the right technology and knowing how to fine-tune it to perfection.</span></p>

<p><span style="background-color:transparent;color:#000000;">We're working with Gearheart for over 3 years, and we're completely satisfied. One of the best things about them is that they don't just do what the client says them to do but get to the roots of the idea/problem and advise on how it can be done better conceptually or technically. They do the job with a view to the future – peak loads, new features/functions, etc. Hence, when you need to change or upgrade some part of the project, you don't have to change the basics.</span></p><p><span style="background-color:transparent;color:#000000;">We are delighted that Gearheart's views on project development and design were very close to ours.</span></p>

Delve into Looksmi, an online and offline media monitoring system offering comprehensive insights for effective brand management and reputation tracking.

LOOQME (LookSMI)

LooqMe_poster.png

Online and offline media monitoring system

Python

Angular

Mongodb

PostgreSQL

Solr

Sass

Django

Media Monitoring System, SaaS Development | Gearheart

medium_video_team_Vladimir_Sidorenko2-q_100,vc_vp9 jpg.jpeg

small_video_team_Vladimir_Sidorenko2-q_100,vc_vp9 jpg.jpeg

thumbnail_video_team_Vladimir_Sidorenko2-q_100,vc_vp9 jpg.jpeg

xsmall_video_team_Vladimir_Sidorenko2-q_100,vc_vp9 jpg.jpeg

video_team_Vladimir_Sidorenko2-q_100,vc_vp9 jpg.jpeg

Let's meet Volodymyr Sydorenko, CEO at Gearheart team

<h2>OVERVIEW</h2><p>Olivia is an internal project management system developed for the US boutique broker dealer firm Growth Capital Services. With Olivia, GCS provides brokers with a platform to perform financial operations in the expanding market of private securities where investors and entrepreneurs find each other to reach investment deals.</p><p>Broker-dealers needed highly secure financial automation software to partially automate the workflow with many confidential documents. The system should have customizable access for users with different rights to view and edit information. It was then that Olivia's idea came true.</p><p>When GCS first tried to transfer all paper information into electronic form, it helped to get rid of the piles of paper on the desktop, but the first version of Olivia, although it stored documents correctly, did not automate much of the workflow. When the company approached Gearheart, it took us some time to fix it, but we soon came to the conclusion that the concept of the system needed to be changed. We have identified the key activities performed by GCS employees and customers and developed a workflow algorithm. To ensure smooth financial automation, a state-of-the-art project management tool has been created. It supports task assignment and workflow editing and has a built-in drag-and-drop form editor, as well as a flexible notification system.<br>&nbsp;</p>

<h2>PURPOSE AND NEED</h2><p>The world of private securities can be discouragingly confusing. It can be difficult to track down the information one needs to evaluate the underlying security and the credibility of the various parties to the transaction.</p><p>Besides, in the US, making investment deals and brokering activities are overregulated by numerous state and financial control agencies. Participants must fill out a huge variety of different documents in a strictly defined manner with many details, which are not to be neglected.</p><p>Growth Capital Services had the general understanding that they needed a financial process automation platform to bring together multiple parties of the deal to a successful transaction. Gearheart’s task was to fill this framework concept with the specific subject matter and create a secure, user-friendly system that could organize and handle a large amount of data.</p>

The team came up with a very flexible way to set up the workflow, we were able to fully automate the process of assigning tasks and reviewers, as well as go through the deal from start to finish without missing a single important step.

<h2>SOLUTION</h2><p>To implement the initial concept, we proposed to develop an internal finance process automation tool to optimize the workflow by partially automating the process. Due to the peculiarities of the business area, we decided to build it around filling out forms and assigning tasks. In addition, due to security requirements, we blueprinted role-based user access to shared transactions and documents.</p><p>To match the concept, a simple user-friendly design was offered that included drag-and-drop workflow editing and form construction.</p>

<h2>TECHNOLOGY</h2><p>Under Olivia’s hood are Django, Django Rest Framework, MySQL, Solr, React, Typescript, and Webpack. As a result, by utilizing these technological solutions, we created a stable, secure, and fast financial close software that can process huge volumes of data and provide concurrent role-based access to multiple users.</p><h2>STRUCTURE AND FEATURES</h2><p>The workflow is built around processing e-declarations between clients and broker managers. Generally, a workflow algorithm looks like the one below:<br>• A representative (or in some cases, a client himself) fills in a form;<br>• A supervisor checks the form and either signs it or turns it back with comments and recommendations on what to correct;<br>• A representative prepares a new set of documents for the next client.</p><p>To seal a deal, a user must fill out on average seven forms (in total, there are roughly 100 different forms in the system). Each form is carefully checked; if it requires corrections, a user is prompted to fix it. Inside the system, we offered a color-based scheme that makes it much easier for users and managers to work with forms. Green means that the form is filled in correctly; blue indicates that it should be revised; red explicitly shows that there are major issues with the document. Also, the information from filled forms is used to create a database of buyers, sellers, and transactions.<br>&nbsp;</p>

<p>Olivia’s structure lets users easily systemize all information on any deal in designated folders with a memo for each deal.</p><p>The data is presented in a table view; you can adjust the setting of displayed columns and change their placement and size. We created the special module with numerous flexible settings that allow us to filter out the data by relevance, status, date, author, and many other simple and complex rules. Table data can be exported to .xls(x) or .pdf files. You can also attach a necessary file when filling out forms and create deal engagement letters.<br>&nbsp;</p>

<p>As a topping, office files can be signed right inside Olivia thanks to its integration with e-signature service HelloSign. This software provides legally binding digital signatures for applications, forms, contracts, invoices and more. The company’s data stays bank-level secure with SSL encryption and world-class server infrastructure. Herein, such signatures are valid all over the globe, including the US, the EU, and the UK.</p><p>Apparently, with a huge volume of data in the system, one would need a comprehensive internal search to get around quickly. Olivia’s search engine makes it possible to look for any type of information in the system using multiple criteria to provide precise and detailed search results.</p>

<h3>ROLE-BASED ACCESS</h3><p>Due to broker business peculiarities and security reasons, in Olivia, we implemented role-based access. This means that, upon login, admins, supervisors, and representatives are granted a different set of rights to perform specific actions and utilize particular functions. If needed, you can split or merge roles to limit or expand access rights.</p><p>Role-based access is crucial for collaboration and concurrent work. With it, you can bring together several users in one team to handle the same deal. Herein, all “teammates” can access the deal they are working on but don’t see each other’s data on other deals.<br>Another useful feature of role-based access is that it allows brokers’ assistants to work with the system. Sometimes, bosses (brokers) are often busy with more important stuff than filling out forms. With a step-by-step built-in guide, their assistants can do the routine while their bosses are dealing with strategic issues.</p>

Security is very important to us, the personal data of our customers and information about transactions are stored very carefully. We have repeatedly successfully passed the audit. Data security at the highest level.

<h3>ADVANCED SECURITY</h3><p>When it comes to financial transactions, everyone understands that the issue of security is very important. Therefore, during development, we implemented a number of features aimed at secure data storage.</p><h4>EMAIL 2FA</h4><p>To protect our users, we implemented two-factor authentication via email. Olivia’s users undergo a mandatory HOTP token verification once a week. At the same time, the system carefully monitors from which device or even browser users log in, and each time they change, it asks for identity confirmation. Therefore, even if a fraudster steals a user's password, they will not be able to gain access to the project.</p><h4>ACTIVITY DETECTION</h4><p>The project implements monitoring of user activity. If a user is inactive for more than five hours, they will be automatically logged out. This helps protect against information theft if the user leaves the computer turned on and goes on vacation, for example.&nbsp;</p><h4>ENCRYPTED DATABASE</h4><p>Olivia's database is encrypted and placed on a separate server for security purposes.</p><h4>CONTENT SECURITY POLICY</h4><p>Olivia has several third-party client-side libraries embedded (e-signature service HelloSign, for example), and we use CSP mechanisms to protect against cross-site attacks.</p><h4>CLOUDFLARE FIREWALL</h4><p>For stable operation and guaranteed security on a public network, the application server is protected by a Cloudflare proxy firewall.</p><h3>FORM BUILDER</h3><p>Form structure changes periodically according to the control agencies’ requirements. To keep the process fast and smooth, we developed a drag-and-drop form editor. Thus, the admin can easily create new forms with a different set of fields to match up-to-date requirements. Also, we organized the form library. It contains roughly 100 forms for every occasion — for example, for describing a gift from a client to a supervisor (this is one of the legal requirements for brokers in the US).</p><p>&nbsp;</p>

<p>The form builder contains over 30 fields that perform different types of tasks:<br>• Generic fields (text, numeric, date field, and many others)<br>• Financial fields for calculating commissions<br>• Markup fields</p><p>Also, for the convenience of users, we created the ability to flexibly configure email notifications when the state of a form entry changes.</p><p>But that's not all. Each form includes role-based access settings. Users can customize the list of groups that will have access to form entries.</p>

<h3>LARGE FILES UPLOAD</h3><p>Our clients sometimes upload very large documents and video introductions. Here we faced two issues:<br>1. Request size limitation is determined by the Cloudflare proxy firewall.<br>2. Unstable Internet connections are an issue for some users.</p><p>We developed a special system — chunked file upload — which, unnoticeably for the user, splits the file into chunks and sends it, chunk by chunk, to Olivia's server.</p><p>If, during the upload process, the user loses their Internet connection for a short time, the upload of the file will not be interrupted; instead, Olivia will simply send the lost file chunk again. Thus, our users can download large files, even with a poor Internet connection.<br>&nbsp;</p>

<h3>AUTOMATED TESTING</h3><p>It is very important for us that our product always works properly. For this reason, we paid a lot of attention to automated tests. Despite the fact that the project has grown very large over the years, the coverage of automated tests is 85%.</p>

For 10 years of our cooperation, we only regret that we did not meet earlier.

<h2>RESULTS</h2><p>• We modeled a comprehensive proprietary project management system for a highly specific business area, which ensures that every transaction meets or exceeds the criteria of securities regulatory requirements.<br>• In Olivia, we managed to combine a workflow function with a template form builder feature to develop a largely automated interface for independent registered brokers and representatives.<br>• Thanks to role-based access, Olivia is straightforward to provide different rights for various users.<br>• With its adaptive design, the site is optimized for tablet devices to provide smooth access on the go.<br>• We've been supporting Olivia since 2012, and during that time we've done two redesigns and added dozens of new features.</p><p>The major verdict of Gearheart's Olivia experience is that, with the right concept and technical approach, finance automation software with rigorous procedures and effective guidance in structuring and executing transactions can become a great solution, not an obstacle.</p>

Delve into Olivia developed by Gearheart to streamline operations and enhance efficiency in the brokerage industry.

Olivia

Olivia_Poster.png

Financial Project Management System (PMS) for Brokers | Gearheart

<h2>Overview</h2><p><span style="background-color:transparent;color:#000000;">The founders of </span><a target="_blank" rel="noopener noreferrer" href="https://shootq.com/"><span style="background-color:transparent;color:#1155cc;"><u>ShootQ</u></span></a><span style="background-color:transparent;color:#000000;"> set a goal to meet the needs of photographers and develop their own web product that would offer broader and more relevant functionality than most standard CRM systems. The app was designed to solve real-world problems, allowing you to track customers, schedule photo sessions, track tasks, advertise studio services, and create email marketing templates.</span></p>

We found Gearheart through Upwork. We started small with them, and after seeing the quality of their work and project management skills, we expanded our engagement over time. I had two development teams at one point of equal size working on the project. I ended up firing the other development team and doubling Gearheart’s workload after I saw what they were capable of.

<h2>TECHNOLOGY</h2><p>The ShootQ app was originally developed on Angular 2 with the back end based on Django. Eventually, we updated it to a new version of Angular 7. In addition to the Angular framework, we also used the <a href="https://github.com/ngrx">NGRX</a> extension.</p><p>Gearheart is one of the first companies to ever use Angular 2 for web product design. Two years earlier, when Angular 2 was under development, we used it to rewrite a <a href="https://gearheart.io/projects/timer/">Timer</a>. By the time Angular 2 was officially released, the above-mentioned project had already been in production. Thus, we could prove our experience at Angular 2 when we received an order from the ShootQ founders.</p><p>Main technology points to consider:</p><ul><li>The data of the CRM for photographers is kept at PostgreSQL, while the code is stored at <a href="https://bitbucket.org/">Bitbucket</a>.</li><li>Bitbucket Pipelines are used to run tests, measure the code coverage level, and update the test server.</li><li>The application server is hosted at <a href="https://aws.amazon.com/">AWS</a> and run by Docker Swarm.</li></ul>

Their project management is their most valuable asset. This is one of the biggest reasons we’ve stayed loyal to Gearheart, and why we consider them to be such an integral part of our process now.

<h2>RESULTS</h2><p>Following the release of the updated version of ShootQ, the Gearheart team continued to work on product updates and improvements until the end of 2019.</p><p>Based on the data from <a href="https://www.featuredcustomers.com/vendor/shootq">Featured Customers</a>, <a href="https://shootq.com/">ShootQ</a> is popular among web users. ShootQ client testimonials have a total content usefulness score of 4.7/5 given by 1040 users. Many popular photographers like Mike Larson, Sara France, Lukas &amp; Suzy Vandyke, and others prefer ShootQ to manage their daily tasks.</p>

Dive into ShootQ, a project developed by Gearheart, designed to streamline photography businesses' workflow and enhance client management

ShootQ

ShootQ_poster.png

Typescript

Building Photography Management CRM Software | Gearheart

<h2>Overview&nbsp;</h2><p><a href="https://www.smartsuite.com/">SmartSuite</a> is a web and mobile no-code platform that serves as a tool for managing everything needed to get work done: spreadsheets, documents, collaboration tools, databases, file management products and automation capabilities — all in one place.</p><p>SmartSuite work management system is transforming how organizations get work done by providing a collaborative Work Management platform that enables teams to plan, track and manage workflows - whether it be a project, an ongoing process or routine everyday tasks.</p>

I have evaluated several companies, each of which I have met personally. Gearheart was my choice the moment I met them - we spoke the same language from the start. I really liked their attitude, their culture, their willingness to listen, their commitment to solving customer problems and creating the best product in their niche.

<h2>Technology&nbsp;</h2><p>Under SmartSuite’s hood are React, Angular, Python, Django, Typescript, WebSockets, Node.js, MongoDB, ElasticSearch, Kubernetes, Postgres, Cypress.</p><h2>Results</h2><p>After the successful release of the product, our team continues to work on the project, provide support and work with feedback to improve the functionality of SmartSuite.</p><p>Watch the video where John Darbyshire, CEO of SmartSuite, talks about how we met and how they work on the product was arranged. John also shares details on how SmartSuite has grown since its launch to reach 1.2M ARR in 4 weeks.</p><figure class="media"><oembed url="https://www.youtube.com/watch?v=MLzSW78ed4E&amp;t=535s"></oembed></figure><p>&nbsp;</p>

Working with such talented people would make you want to hire more and more. Gearheart carefully makes it intentionally to guarantee the highest level of expertise in any position.

Explore SmartSuite, developed by Gearheart's team, offering multifaceted functionalities designed to streamline operations and enhance productivity.

SmartSuite

Снимок экрана 2023-08-02 155141 копія.png

React

ElasticSearch

Cypress

Building No-Code Platform, Work Management App | Gearheart

SmartSuite history through the eyes of the client

WHEN I WAS 12, MY FATHER BOUGHT ME MY FIRST BOOK ON PROGRAMMING. I'VE BEEN HOOKED EVER SINCE.

video_team_Vladimir_Sidorenko2-c_scale,q_100,vc_vp9,w_576 webm.webm

video_team_Vladimir_Sidorenko2-c_scale,q_100,vc_vp9,w_326 webm.webm

video_team_Vladimir_Sidorenko2-c_scale,q_100,vc_vp9,w_1024 webm.webm

video_team_Vladimir_Sidorenko2-c_scale,q_100,vc_vp9,w_128 webm.webm

video_team_Vladimir_Sidorenko2-c_scale,q_100,w_68 webm.webm

<p>In VIM there is a command for char search: <code>f</code>. After first use it can be repeated with <code>;</code>. I like to navigate in line with it. You see that you need to go to bracket in a middle of a line - you press <code>f(</code> and one-two <code>;</code> and you are there. There's no such command in Emacs, so I had to write my own. I've managed even to implement repetition with <code>;</code>.</p><pre><code class="language-plaintext">(setq last-search-forward-char nil)

(defun search-forward-char-continue ()
(interactive)
(if (and last-search-forward-char (or (eq (symbol-function last-command) (symbol-function 'search-forward-char))
(eq last-command this-command)))
(search-forward-char last-search-forward-char)
(progn
(insert ";")
(setq last-search-forward-char nil))))

(global-set-key (kbd "M-s") 'search-forward-char)
(global-set-key (kbd ";") 'search-forward-char-continue)</code></pre><p>Key word here is <code>last-command</code>. Using the same principle other commands also can be assigned to same key.</p>

In this article, we will tell about Char search in Emacs as in Vim. 
Recommendations from the senior developer

large_vim-search-char-in-emacs_xqgnd4p.JPG

medium_vim-search-char-in-emacs_xqgnd4p.JPG

small_vim-search-char-in-emacs_xqgnd4p.JPG

thumbnail_vim-search-char-in-emacs_xqgnd4p.JPG

vim-search-char-in-emacs_xqgnd4p.JPG

In VIM there is a command for char search: f. After first use it can be repeated with ;. I like to navigate in line with it. You see that you need to go to bracket in a middle of a line - you press f( and one-two ; and you are there. There's no such command in Emacs, so I had to write my own. I've managed even to implement repetition with ;.

Char search in Emacs as in Vim

Char search in Emacs as in Vim: tips from the Gearheart experts

Gray

large_Anton_Kozachok.jpg

medium_Anton_Kozachok.jpg

small_Anton_Kozachok.jpg

thumbnail_Anton_Kozachok.jpg

xlarge_Anton_Kozachok.jpg

xsmall_Anton_Kozachok.jpg

Anton_Kozachok.jpg

Let's meet Anton Kozachok, developer at Gearheart team

Anton_Kozachok_64.webm

Anton_Kozachok_128.webm

Anton_Kozachok_326.webm

Anton_Kozachok_576.webm

Anton_Kozachok_1024.webm

This article explores Figma’s Dev Mode, a tool that streamlines design-to-code translation by enabling precise inspection, automated code generation, and seamless integration with design systems.

Figma for Developers: What Dev Mode Offers and How to Use It

Figma for Developers: What Dev Mode Offers and How to Use It | Gearheart

large_video_team_Alexandr_Oleynik-jpg.jpeg

medium_video_team_Alexandr_Oleynik-jpg.jpeg

small_video_team_Alexandr_Oleynik-jpg.jpeg

thumbnail_video_team_Alexandr_Oleynik-jpg.jpeg

xsmall_video_team_Alexandr_Oleynik-jpg.jpeg

video_team_Alexandr_Oleynik-jpg.jpeg

Let's meet Oleksandr Oliinyk, HTML / CSS coder at Gearheart team

Alexandr_Oleynik_64.webm

Alexandr_Oleynik_128.webm

Alexandr_Oleynik_326.webm

Alexandr_Oleynik_576.webm

Alexandr_Oleynik_1024.webm

Cascading Style Sheets (CSS) made its debut in 1996 and continue to be an indispensable and evolving component of web development. We will examine the most valuable recent and upcoming characteristics in CSS for this year.

The best CSS trends for 2023

The best CSS trends for 2023 | Gearheart

large_video_team_Yurii_Mironov-jpg.jpeg

medium_video_team_Yurii_Mironov-jpg.jpeg

small_video_team_Yurii_Mironov-jpg.jpeg

thumbnail_video_team_Yurii_Mironov-jpg.jpeg

xsmall_video_team_Yurii_Mironov-jpg.jpeg

video_team_Yurii_Mironov-jpg.jpeg

Let's meet Yurii Mironov, developer at Gearheart team

Yurii_Mironov_326.webm

Yurii_Mironov_128.webm

Yurii_Mironov_64.webm

Yurii_Mironov_576.webm

Yurii_Mironov_1024.webm

Learn about Codemirror unit testing and how to test Codemirror React components. Gain insights into testing components effectively in this article

One of our recent projects includes the functionality of an inline code editor. This code editor needed to be highly extensible and have custom features. To address this, we chose Codemirror v6 due to its peculiar architecture - it is highly customizable, and all the additional features are provided into codemirror engine as Extension objects.

Codemirror: unit-testing codemirror react components

thumbnail_selyanov.jpg

selyanov.jpg

In this article we'll discuss some tricks you can use with Angular to make routing cleaner and improve SEO of your application.

Angular2: Development Tips and Trick

Angular2: Development Tips and Trick from the Gearheart experts

Uncover insights on leveraging dynamic class generation and QuerySetManager for related fields in Django. Enhance your skills. Read on! 

It appears that not everyone knows that in python you can create classes dynamically without metaclasses. I'll show an example of how to do it.So we've learned how to use custom QuerySet to chain requests:Article.objects.old().public()Now we need to make it work for related objects:user.articles.old().public()This is done using use_for_related_fields, but it needs a little trick.

Dynamic class generation, QuerySetManager and use_for_related_fields

Discover the power of overriding QuerySets in Django. Learn how to customize database queries for improved application efficiency. Explore more now

As you know, model managers can be overriden in Django. It's convenient to add custom filtration method. 

Char search in Emacs as in Vim

Subscribe for the news and updates