Berlin Coffee Map is a web application built using React, Mapbox, Firebase and Google Places API. The application is designed to help coffee enthusiasts find the best coffee shops in Berlin.
The main feature of the application is an interactive map of Berlin that displays the location of all the coffee shops in the city. Users can zoom in and out of the map to explore different neighborhoods and find coffee shops in specific areas. When a user clicks on a coffee shop on the map, a pop-up window will appear with information about the shop, including its name, address, website, photo and isOpen status. Users can also bookmark places as Favorites and build a route to selected place.
This project was bootstrapped with Create React App.
- Install Node.js https://nodejs.org/en/download
- Install Firebase CLI https://firebase.google.com/docs/cli
- Run
npm installonce in project root directory - Set environment variables for all properties used in
src/firebase/config.js - Set environment variables for property used in
src/components/Map.js
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:5173 to view it in your browser.
The page will reload when you make changes.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh