Fifteen Minute Cities

This is a web application that allows users to look for amenities within 15 minutes of their selected location.

Features

• Select the location by double-clicking on the map, searching for it or using GPS.
• 4 modes of transportation: Walking, Cycling, E-Bike and Wheelchair.
• Filter the displayed amenities by category
• Plot a route to an amenity from your location within the app
• Full mobile support

Technologies Used

• Frontend: HTML, CSS, TypeScript, Vue3, Leaflet.js
• Backend: Node.js, Express.js, Axios
• APIs: OpenRouteService Isochrones, Directions and Geocoding APIs; OpenStreetMap Overpass API

How To Run Locally

You have to have Node.js and npm installed on your machine. Then, follow these steps:

1. Clone the repository
2. Navigate to the project directory and install the dependencies for both frontend and backend:

cd fifteen-minute-cities
npm install
cd back_end
npm install

3. Create a .env file in the root directory and add your OpenRouteService API key:

ORS_API_KEY=your_api_key_here

4. Start the backend:

cd back_end
npm run start

5. In another terminal, start the frontend:

cd fifteen-minute-cities
npm run dev

6. Open your browser and navigate to http://localhost:5173/fifteen-minute-cities/ (or whichever port Vite assigns) to see the application in action.

Screenshots