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
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
App-Video-Demo.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
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
