https://github.com/seven-33/ev-charge-map

EV Charge Map is an application to search for all the EV charge points for your journey. Made with Quasar/Vue
https://github.com/seven-33/ev-charge-map

electric-vehicles google-cloud google-maps google-maps-api opencharge progressive-web-app pwa quasar quasar-cli quasar-framework vue vue-auth vuejs

Last synced: 22 days ago
JSON representation

EV Charge Map is an application to search for all the EV charge points for your journey. Made with Quasar/Vue

• Host: GitHub
• URL: https://github.com/seven-33/ev-charge-map
• Owner: Seven-33
• Created: 2023-03-12T14:00:31.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-03-12T14:01:00.000Z (almost 2 years ago)
• Last Synced: 2024-11-10T23:39:57.278Z (3 months ago)
• Topics: electric-vehicles, google-cloud, google-maps, google-maps-api, opencharge, progressive-web-app, pwa, quasar, quasar-cli, quasar-framework, vue, vue-auth, vuejs
• Language: Vue
• Homepage:
• Size: 629 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# EV Charge Map (ev-charge-map)

### Tutorial series on how to build this

If you'd like a step by step guide on how to build this just **CLICK THE IMAGE BELOW**

[![GO TO JOHN WEEKS DEV TUTORIAL VIDEOS](https://user-images.githubusercontent.com/108229029/203494132-c95e7b90-2b19-4dbb-b090-19a74b587e26.jpg)](https://www.youtube.com/watch?v=4grSddYyZio&list=PL3pX4NAc7vJswKOWNO2kVobd-b2RiOOlY)

Come and check out my YOUTUBE channel for lots more tutorials -> https://www.youtube.com/@johnweeksdev

**LIKE**, **SUBSCRIBE**, and **SMASH THE NOTIFICATION BELL**!!!

## Demonstration Video

https://user-images.githubusercontent.com/108229029/179423135-feeb78d5-0991-4875-8dae-440afdc82d28.mp4

## Frontend setup

### Note

For this frontend to work you'll need the backend/api section -> https://github.com/John-Weeks-Dev/ev-charge-map-api

You'll need to install the Quasar CLI tool -> https://quasar.dev/start/pick-quasar-flavour

Clone the repository

```

git clone https://github.com/John-Weeks-Dev/ev-charge-map.git

```

Go to https://console.cloud.google.com/ and generate an API KEY. 

You'll need to enable the Maps API, Places API, Directions API, and Distance Matrix API.

Now go to https://openchargemap.org and generate an API KEY. 

Now add the new API KEYS in to **quasar.config.js**

![Screenshot 2022-07-18 at 01 53 02](https://user-images.githubusercontent.com/108229029/179420621-633acc29-6579-4926-8733-f0a97403120e.png)

Now do

```

cd ev-charge-map

npm i

yarn quasar dev --watch

```

You should be good to go!

# Application images/pages

## Map Section



  

  

  





  

  

  

  



# Route/Journey Section



  

  

  

  



## Auth Login / Registration Section



  

  

  

  



## Account Section