---
title: Web SDK demo catalog
type: Employment
company: TomTom
slug: tomtom-web-sdk-demo-catalog
state: Internal POC
date: 2023-09-01T00:00:00.000Z
draft: false
featured: true
description: >-
  Micro front-end catalog that organizes separately hosted TomTom Web SDK demo
  pages into one searchable, filterable interactive explorer.
thumbnail: 'https://oleksiipopov.com/projects/tomtom-web-sdk-demo-catalog/demo-page.png'
technologies:
  - TypeScript
  - GatsbyJS
  - GraphQL
  - Node.js
  - TailwindCSS
  - React
  - Markdown
gallery:
  - 'https://oleksiipopov.com/projects/tomtom-web-sdk-demo-catalog/demo-page.png'
  - >-
    https://oleksiipopov.com/projects/tomtom-web-sdk-demo-catalog/filter-by-tag.png
  - >-
    https://oleksiipopov.com/projects/tomtom-web-sdk-demo-catalog/mobile-demo-page.png
  - >-
    https://oleksiipopov.com/projects/tomtom-web-sdk-demo-catalog/mobile-filters.png
  - >-
    https://oleksiipopov.com/projects/tomtom-web-sdk-demo-catalog/mobile-list.png
  - >-
    https://oleksiipopov.com/projects/tomtom-web-sdk-demo-catalog/mobile-search.png
  - 'https://oleksiipopov.com/projects/tomtom-web-sdk-demo-catalog/search.png'
galleryAlt:
  - TomTom Web SDK demo catalog main page with embedded demo
  - Demo catalog filtered by technology tag
  - Mobile view of an embedded SDK demo page
  - Mobile filter panel for browsing demos by tag
  - Mobile list of available SDK demo pages
  - Mobile search interface for finding demos
  - Desktop search results in the SDK demo catalog
canonical_url: 'https://oleksiipopov.com/portfolio/tomtom-web-sdk-demo-catalog/'
markdown_url: 'https://oleksiipopov.com/portfolio/tomtom-web-sdk-demo-catalog/index.md'
---
## Description

It is a micro front-end application, that simplifies exploration of numerous library demo pages. Organises separately hosted applications into 1 interactive catalog.

## Main features

- Completely static pre-rendered website
- Tags
- Search
- Filtering
- It has SEO that potentially brings new customers to the company via search engines
- Localization

## My commitment

- Idea
- System design and architecture of the app and its infrastructure
- Implementation of the application from the scratch

## Project phase

Internal POC