Berlin Map

September 22, 2022

There is a lot to experience and discover in Berlin. Every week new restaurants open, exciting events or art exhibitions take place or there are exciting activities to try out.

Until now, I tried to manage all this information in various notes on my mobile phone. Unfortunately, with so much new information, I couldn't keep up. When I was then faced with the question of where I wanted to go out for dinner in the evening, I could no longer see the forest for the trees. So another way of managing had to be found.

Since I familiarised myself deeply with React and Leaflet, it made sense to present all the information in a Map. Here you will find my personal highlights.

There are the following categories:

  • Icecream
  • Activities: Everything that regularly takes place or can be visited
  • Food: Divided into different categories such as: Asian, Italian, top restaurants and many more.
  • Shops
  • Lakes
  • Places: Special places, which can often be visited for free
  • Events: Events or art exhibitions, which are limited in time
  • Camping: Campsites or fixed weekend overnights
  • Star: My personal highlights

Since I'm a bit pedantic when it comes to website design and handling and often get upset about immature and ill-conceived user interfaces, I wanted to do it better.

So I added the following features and design elements:

  • Design of the map reduced to the essentials. Buttons in Neumorphism
  • Automatic zoom on all elements in the map after selection of criteria.
  • After clicking on an element, it is zoomed to the element
  • The own location can be shown. Once it is displayed, it zooms a little more to that location. Helpful when you are on the road
  • The search bar provides results and after a click on a result only this result will be displayed
  • Recognition if you use a touch device and display content differently
  • MongoDB Atlas database that can be easily filled with the data from anywhere.