<h2><span style="background-color:transparent;color:#000000;">OVERVIEW</span></h2><p><span style="background-color:transparent;color:#000000;">Timer is a custom project management with time tracking system we originally created for our internal needs. Timer solves all of our management tasks: we plan all our project sprints in it, track time and progress, and generate salary reports and invoices.</span></p>

<h2>TECHNOLOGY</h2><p>Timer became a playground where we first adopted Angular.js, django-channels, WebSockets, Webpack, and other tools. When Angular 2 was released, it was a decision to migrate our existing system to Angular 2.</p><p>Then a new active stage of development followed. And now we have migrated from Angular 2 to React.</p><h2>RESULTS</h2><p>We are continuing to work on the current version of Timer 3.0, and we still have a lot of new and useful features in our plans. But today we can say that we have a powerful and convenient project time management software that allows us to effectively organize our work.</p>


Discover Timer, a project by Gearheart, offering a comprehensive project management and time tracking system tailored to optimize productivity and streamline workflow processes.

Timer

Timer_poster.png

Project management and time tracking system

Python

Angular

PostgreSQL

Sass

Django

Building Project Management System PMS, Time Tracking | Gearheart

<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

Mongodb

Solr

Media Monitoring System, SaaS Development | Gearheart

<h2>TECHNOLOGY</h2><p>Jiffsy's development involved creating UI components in the Storybook environment using React, TypeScript, and Tailwind CSS. For the backend and admin panel, the significantly extended Payload CMS was used in conjunction with MongoDB and GraphQL. Next.js was used as the front-end, with Jamstack and PWA technologies ensuring a fast and reliable showcase.</p><h2>RESULTS</h2><p>Today, Jiffsy serves over 20 brands and is a partner of the best B2B accelerator in Europe Startup Wise Guys. Jiffsy has received many positive reviews from satisfied customers, and its unique approach to storefront creation has led to its receiving a grant from Google. Through its use of innovative technology, Jiffsy has successfully helped fashion brands create and maintain modern, mobile-first storefronts that guarantee growth in conversion rates.</p>

Explore Jiffsy featuring AI-driven recommendations for personalized shopping experiences tailored to each user.

Jiffsy

CleanShot 2023-03-21 at 15.28.13@2x копія.png

Mobile-first storefront with AI recommendations

React

Typescript

Tailwind

Next.js

Payload CMS

Building Mobile storefront for fashion e-commerce | 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><span style="background-color:transparent;color:#000000;">OVERVIEW</span></h2><p><span style="background-color:transparent;color:#000000;">Founders Hussein Ahmed, Skyler Johnson-Wagner, and Samah Gad built KustomNote as an add-on to Evernote, which allowed for creating structured notes. Later, it was transformed into a stand-alone application that aided customers in recording, storing, retrieving, and sharing custom-structured notes. KustomNote users were predominantly individuals, along with a few small businesses. In 2015, its founders determined that their business customers needed new additional features that pulled insights from unstructured data, files, and voice recordings. A decision to redesign the program led them to rebrand KustomNote as Transpose and target businesses as their primary market.</span></p>

<p>The Gearheart team joined the project back when it was called KustomNote. We started with the initial project version that we extended with tons of new features, conducted two complete application redesigns and rebranding, and eventually brought Transpose to its final state as a complex world-class data management system.</p>

<p>It's an entirely new project tracking software that enables users to design solutions matching their unique needs, and to leverage technologies, such as world-class text analytics, which were previously available only to large companies such as Amazon, Google, and Microsoft. Our vision is to provide the best task management software that doesn't require knowledge of database design or a huge set of complicated, expensive technologies, and yet delivers the same level of utility.</p>

<h2>TECHNOLOGY</h2><p>The entire application was built as a single-page application based on Angular. The back end, based on Django, served only a REST API; everything the user saw was rendered in the browser.</p><p>The back end provided API both for web and mobile applications. Transpose had both iOS and Android applications, so we implemented our versioning system to support multiple API versions simultaneously.</p>

<p>The mobile apps had an offline mode. We implemented a sync API so the app could catch up after working in offline mode. We introduced a record versions check to ensure that conflicts were resolved correctly if an edited record was in the app and browser at the same time.</p><p>While developing the application on a single page we faced problems with Angular’s performance due to large amounts of data. We produced workarounds to ensure the application worked smoothly and incorporated automated performance tests into the release process to make sure we met standards on each release.</p><h2>RESULTS</h2><p>We successfully completed implementation for all requests, changes, and additions to Transpose over the two-year period we worked with them.</p>

Discover Transpose, a project crafted by Gearheart, aimed at simplifying data management and streamlining workflow processes

Transpose

Frame 14 (1).png

Creating No-Code Project Management System (PMS) | Gearheart

<h2>TECHNOLOGY</h2><p>Under H.M. Cole's hood, there are Django, Python, Angular 5, NGRX, Typescript, and PostgreSQL.</p><h2>RESULTS</h2><ol><li>We redesigned an application.</li><li>We improved the customization wizard to make it easy to use.</li><li>During half a year of the project, we expanded the interface of measurements.</li><li>We moved from Angular 1.x to Angular 5.</li></ol><p>So, if you want to build a clothing website, <a href="https://gearheart.io/#footer">write to us in the form below</a>.</p>

Explore HM Cole, a custom clothing website designed to provide tailored fashion solutions, offering a seamless online shopping experience with personalized options for every customer.

H.M.Cole

HMCole_poster.png

Creating Custom Clothing Platform for e-Commerce | Gearheart

<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>TECHNOLOGY</h2><p>On the technical side are Angular, Django, Python, and Sass. Almost the entire interface is built with Angular using the REST API.</p><h2>RESULTS</h2><p>We successfully built and launched the MVP of fitness management software, which was subsequently finalized and improved by another group of developers.</p>

Explore Wellcaster, a dynamic health and fitness platform offering personalized content and tools to support users in achieving their wellness goals effectively and sustainably

WELLCASTER

wellcaster.png

Developing a Health and Fitness platform | 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

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

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>Everybody knows about <code>permalink</code>, but it's usually used only in <code>get_absolute_url</code>. I prefer to use it for all related model urls.</p>

Learn how to create absolute URLs in Django models for better navigation. Enhance user experience by implementing this technique. Explore the article

large_absolute-urls-in-models_R1EvkWF.jpg

medium_absolute-urls-in-models_R1EvkWF.jpg

small_absolute-urls-in-models_R1EvkWF.jpg

thumbnail_absolute-urls-in-models_R1EvkWF.jpg

absolute-urls-in-models_R1EvkWF.jpg

Everybody knows about permalink, but it's usually used only in get_absolute_url. I prefer to use it for all related model urls.class Event(models.Model):# ...@models.permalinkdef edit_url(self):return ('event_edit', (self.pk, ))And then in template:<a href="{{ event.edit_url }}">Редактировать событие</a>

Absolute urls in models

Absolute urls in models: tips from the Gearheart experts

Gray

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 how to implement a smooth React virtual scroll with fixed rows and columns. Gain insights into efficient data rendering in this article.

One of our ongoing projects, Neptyne, introduces an Excel-like grid written in React. We used a library to apply virtual scroll to it, but we stumbled upon a problem with fixed rows and columns inside the grid. Here I would like to describe this problem, how it occurs, and how we handled it.

Smooth React virtual scroll with fixed rows/columns

Smooth React virtual scroll with fixed rows, columns

One of the key requirements for modern UI is being performant. No matter how beautiful your app looks and what killer features it offers, it will frustrate your users if it clangs.

React Performance Testing with Jest

React Performance Testing with Jest: tips from the Gearheart experts

large_video_team_Marina_Sharapova-jpg.jpeg

medium_video_team_Marina_Sharapova-jpg.jpeg

small_video_team_Marina_Sharapova-jpg.jpeg

thumbnail_video_team_Marina_Sharapova-jpg.jpeg

xsmall_video_team_Marina_Sharapova-jpg.jpeg

video_team_Marina_Sharapova-jpg.jpeg

Let's meet Maryna Sharapova, content manager at Gearheart team

Marina_Sharapova_64.webm

Marina_Sharapova_128.webm

Marina_Sharapova_326.webm

Marina_Sharapova_576.webm

Marina_Sharapova_1024.webm

In our article, you will find the best JavaScript framework comparison so that you know for sure how to choose the right one for your project.

How to Choose the Best Javascript Framework: Comparison of the Top Javascript Frameworks

Choosing a Javascript Framework: Top JS Frameworks Comparison ? | Gearheart

Sandy Orange

Pasha.gif

Let's meet Pasha Volkov, developer at Gearheart team

Pasha_Volkov.webm

Pasha_Volkov (1).webm

Pasha_Volkov (2).webm

Pasha_Volkov (3).webm

File upload works differently from simple form inputs, which can be somewhat troublesome for beginners. Here I'll show you how to handle uploads with ease.

How to Upload Files With Django

How to Upload Files With Django (With Example) | Gearheart’s tips

Lysenkov.gif

Anton Lysenkov, developer at Gearheart

In this article we'll research how to pass custom markup to Angular components and how to create different types of dynamic components.

Passing pieces of markup to components in Angular 2 and problems with dynamic content

In this article, we will compare two most popular JS Libraries (Angular vs React). Both of them were created by professionals and have been used in famous big projects.

Absolute urls in models

Subscribe for the news and updates