https://github.com/john-weeks-dev/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/john-weeks-dev/ev-charge-map

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

Last synced: 4 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/john-weeks-dev/ev-charge-map
• Owner: John-Weeks-Dev
• Created: 2022-07-17T17:02:32.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-09-01T10:40:15.000Z (about 1 year ago)
• Last Synced: 2024-01-27T12:10:20.006Z (10 months ago)
• Topics: driving-app, electric-vehicles, google-cloud, google-maps, google-maps-api, opencharge, opencharge-api, progressive-web-app, pwa, pwa-app, quasar, quasar-cli, quasar-framework, quasar-pwa, vue, vue-auth, vue3, vuejs
• Language: Vue
• Homepage: https://rumble.com/v1q1i9r-build-a-pwa-quasar-framework-vue-3-laravel-api-pt-1.html
• Size: 667 KB
• Stars: 24
• Watchers: 2
• Forks: 9
• 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://rumble.com/v1q1i9r-build-a-pwa-quasar-framework-vue-3-laravel-api-pt-1.html)

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