From 7d5bd20347ccacd39991e288d423e9ed6b018f12 Mon Sep 17 00:00:00 2001
From: Thomas Mills <mills.thoma@gmail.com>
Date: Thu, 11 Jul 2024 13:03:11 +0200
Subject: [PATCH] maps project docs page added

---
 docs/projects/maps.md | 5 +++++
 sidebars.ts           | 5 +++++
 2 files changed, 10 insertions(+)
 create mode 100644 docs/projects/maps.md

diff --git a/docs/projects/maps.md b/docs/projects/maps.md
new file mode 100644
index 0000000..c6a2aea
--- /dev/null
+++ b/docs/projects/maps.md
@@ -0,0 +1,5 @@
+# Leaflet maps in React
+
+Amsterdam's preferred map library is <a href="https://leafletjs.com/" target="_blank">Leaflet</a> and frontend framework is <a href="https://reactjs.org/" target="_blank">React</a>. Combining Leaflet with the React component lifecycle can provide some challenges. Therefore, we have created a repository and Storybook application to browse common map components and feature examples.
+
+You can browse the project at [https://maps.developers.amsterdam.nl/](https://maps.developers.amsterdam.nl/).
diff --git a/sidebars.ts b/sidebars.ts
index 066a929..e6e4d07 100644
--- a/sidebars.ts
+++ b/sidebars.ts
@@ -38,6 +38,11 @@ const sidebars: SidebarsConfig = {
         'frontend/third-party-dependencies',
       ],
     },
+    {
+      type: 'category',
+      label: 'Projects',
+      items: ['projects/maps'],
+    },
   ],
   // By default, Docusaurus generates a sidebar from the docs folder structure
   // tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],