Knowledge base
icon
Case Studies

Coin360

COIN360 is a cryptocurrency and crypto exchange live data aggregator that delivers real-time visualisation of the crypto market
Location

San Ġiljan, Saint Julian's, Malta

Industry

FinTech

hero image
element-1
element-2
element-3
About project

COIN360 offers indispensable tools to stay updated on the slightest cryptocurrency market movements. You get access to heatmaps, watchlists, and global charts with current and historical data of the crypto market. Calculations of the price and volume of each cryptocurrency are based on data from 25 verified exchanges.

mockup

Core team

Core team of Coin360 is highly experienced in FinTech and marketing fields. They had not only a vision for the product, but a go-to development plan for the 2 coming years.

Viktor Bengtsson
Viktor Bengtsson

Chief Executive Officer

Mikhail Lunev
Mikhail Lunev

CTO at COIN360

mockup
Challenge

The main challenge was remastering a legacy code. The app became hard to manage, scale, update, add new integrations and keep high-level productivity. The next issue we were faced with was fixing the low web app accessibility index on Google Lighthouse. This tool shows key indicators Google considers while giving a score to the web app, based on which it can be shown to the users, or lost on the button of search results. We aimed to make this score as close to the 100% as possible to make the app easier to promote. On top of that, we needed to find a perfect solution for content and advertising management, choosing CMS that meets all requirements.

Solution

Our experienced frontend team managed to successfully rewrite legacy code into Next.js. We offered this framework as the best alternative for React.js in this particular case. This allowed us to improve scoring in Google Lighthouse, which indicates web app productivity and accessibility. Also, TechMagic team improved the data management application layer. Tons of data from the app are handled more efficiently, implying overall app performance and scalability. We have chosen headless CMS for content management, which has led to better site indexation in search engines and content promotion.

Solutions provided by TechMagic

01
From React.js to Next.js: legacy code remastering

We rewrote the app on Next.js to reduce the amount of efforts needed for future support, improvement and scaling. We chose Next.js because of its technical possibilities and fast growth. For Coin360 it was crucial to adopt a UI-oriented framework.

02
New section Integration

One of the key features of Coin360 are heatmaps. We have integrated a new heatmap for NFT with colour indication of volume, price, market capitalisation, and NFT collection.

03
Headless CMS - Strapi integration

TechMagic team chose and integrated Strapi - headless CMS - solution for content editorial team, which allows easy content access, creation and editing.

04
Application performance improvement

SSR and SPG from Next.js allow us to improve SEO accessibility of Coin360 web application. We fasten-up loading, and make it more accessible for Google crawlers - LCP. Now the web app is easier to find in the Internet.

Build your project with us

Contact us to discuss all benefits of this model for your specific business.

Contact usmockup

React.js

Client-side rendering. It’s possible to enable SSR, but it takes additional efforts and is not guaranteed to be supported by future versions.

Poor configuration support

As a library React.js is a UI part of a framework

And more

Next.js

Hybrid static, server rendering, and code-splitting. Next.js supports SSR by default, offers optimisation features, which makes the app extremely fast.

Highly configurable

A framework, used to build UI and pages for the web app with React library

And more

mockup
Integrations

A part of the challenge we’ve faced was a choice of reliable platforms for content and advertisement. We investigated all possible options and chose the most suitable solution for the client's needs.

Strapi CMS
Strapi CMS
Adbutler
Adbutler
TradingView
TradingView
Work approach
Work approach
1

Agile/scrum

We prefer the Agile approach for our projects. Our team adopted such Scrum ceremonies as planning sessions and retrospectives. This allowed us to stay focused on the results and optimise our workflow.

2

Full team integration

TechMagic team was responsible for the frontend development. We were fully integrated with the backend team from the client's side, working closely on new features, ensuring top-notch solutions overall.

3

Direct communication

We communicate directly with developers, CEO and CTO. From our side we led the frontend team and covered project management functions.

4

Business mindset

Working on the project we remembered not only about the technical side but also about the business approach to the development. We practised self-management when needed, based on the project objectives.

Work approach

Project outcome

list item

New code base: from React.js to Next.js

list item

News section with CMS integration

list item

NFT (beta) heatmap

list item

Lighthouse performance scoring and indexing improvements

Our Technical Stack

Next.js
Next.js
React Native
React Native
Node.js
Node.js
TypeScript
TypeScript
Strapi CMS
Strapi CMS
d3.js
d3.js

What our clients say about TechMagic

Why TechMagic
All-in-one product development
All-in-one product development

We cover the entire software product development process and provide support services afterward within the quality management system. Technical expertise allows us to cover full-cycle development, incorporating business vision at every project stage. Our experience in multiple industries makes TechMagic a reliable partner for software development outsourcing resulting in the commercial success of your product.

001
/002
High-quality software with ongoing support
High-quality software with ongoing support

As a software product development company, we create high-quality products starting from PoC or MVP development for testing your product idea to building complex enterprise software. We ensure the digital health of software solutions by providing ongoing automated testing of product features.

002
/003
Innovative solutions
Innovative solutions

We discover market trends to offer the most cost-efficient solution. Our web application development services it's not just about software engineering. It's about finding the right technology stack for your business needs and developing future-proof custom software development solutions. Custom software development backed by market research, strategy consulting, project management, and agile development process.

003
/003

Cases that may be of interest to you

Let’s turn ideas into action
award-1
award-2
award-3
Ross Kurhanskyilinkedin
Ross Kurhanskyi
VP of business development