AI-Driven Web App Development

Dynamic Company Sector Classification (DCSC) is a FinTech solution that helps institutional investors and analysts navigate sector complexity in real-time. The primary goal of our web app development was to create a product that handles large datasets efficiently and can easily adapt to new feature requests.

FinTech

About the project

The DCSC system was developed as part of the CityFalcon project. This Next.js web application offers a new way to classify companies across 1500+ economic sectors, using public data and AI-generated relevance scores. Integrating interactive charts and real-time rendering, we focused on achieving high performance and scalability.

Client's needs

DCSC helps financial and non-financial firms make sense of industry complexity, accelerate research, and manage knowledge at scale. The key challenge during web app development was to combine advanced AI features and custom data visualisation of vast amounts of data. To enable fast response times and scalability, we engaged in key technical decisions on frameworks, libraries, and overall architecture. We also worked with server-side rendering to ensure the platform’s SEO optimisation.

Approach to Next.js web app architecture

We joined during the core development phase to support the delivery of a seamless, high-performing web app powered by Next.js. This React-based framework enables the creation of dynamic and smooth user experiences.

Main technologies

Next.js, PlotlyJs, react-chartsjs, and Zod were our key stack for the development of the DCSC web app. To enable visualisation of complex datasets, we worked on interactive and accurate graphical representations within a data-intensive UI.

Libraries and frameworks

Supporting web app development almost from scratch, we helped select a set of powerful libraries and frameworks to speed up the process and improve quality. We used TanStack Query to manage data fetching efficiently. Applying TailwindCSS gave us fast, consistent, and easily adjustable styling across the app.

We integrated React Hook Form to simplify input handling and validation, reducing user errors. For managing date and time features, Luxon was used. It provided accurate and user-friendly formatting throughout the app.

Data visualisation

We compared Recharts, D3.js, and Chart.js for flexibility and performance. Then, modular components were developed. These improvements enable the accommodation of custom styles, tooltips, and dynamic interactions.

Platform visibility with SSR

SEO was a priority from the start, as the DCSC app plays a key role in promoting new features within the CityFalcon ecosystem. To boost visibility and crawlability, we applied server-side rendering. The modular UI structure also helped maintain fast loading times and smooth user experiences.

Business impact

The result of our collaboration is a data-driven tool that classifies economic sectors using AI. Publicly available data fuels real-time scoring and emergent sector inclusion. The dynamic relevance score maps companies to sectors that may have multiple relationships. Highly interactive and visually tailored charts help financial and non-financial companies analyse complex data. This leads to clear investment insights and informed decisions.