How we build top 10 Chess app

Initially, we laid down a resource of 6 months for the development of a mobile application, but thanks to the competent architecture and proactivity of the team, we managed to release the first version in just 3 months.

Evgeny Moikin
Product Owner Chess.pro

Chess.pro | Mobile App

Chess.pro is an internet chess and social networking website for players. Live online chess can be played against other users in daily, rapid, blitz or bullet time controls, with a number of chess variants also available. Chess versus a chess engine, computer analysis, chess puzzles and teaching resources are also offered.Thanks to its thoughtful design and competent marketing policy, it is among the leaders in its segment.The app is available on IOS and Android.

Our approach and solution

Taking the core elements of the brand and its pieces, we established a vibrant aesthetic experience online. This included identifying evocative shapes, symbols, and colours and infusing them into the site’s functional elements.

Design

We started creating a mobile application based on an already built brand platform and with its own visual style, so we had to look for the best solutions based on existing guidelines.To begin with, we conducted a design review of all existing elements and adapted them to the mobile resolution. Moreover, we have created an internal UI Kit step by step, which simplified the design and development of the application in the future.

Despite the fact that several people worked on the design at the same time, it turned out to create a consistent design on all the screens of the app, due to the fact that everyone focused on the UI Kit.

Before transferring the design to development, all screens were combined into a single flow, which helped to detect missing states and screens. Thus, we saved resources for development. Also, thanks to our solution, it was not necessary to explain to the designers how the user could get to this or that screen.

Development

The application architecture is based on a micro service architecture built on Firebase and AWS. Each of the microservices is based on the most suitable technology for it: they can be written in different programming languages, but they do not conflict with each other. The data factory and analytics of the new system are based on the PostgreSQL DBMS, and services based on Kafka, Mongo, Cassandra, etc. are also involved in the solution. Some of the microservices were taken from the web version, and some were modified specifically for the mobile app.The frontend of the app is built on React and Capacitor technologies. Thus, we managed to reuse most of the logic and layout in the mobile application, as well as adapt the web interface.

Im interested in...
Project budget (USD)...