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.