Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/extrawest/evc_google_maps_demo

Flutter Electric Vehicles Charging Stations Map Demo
https://github.com/extrawest/evc_google_maps_demo

clustering dart demo electric-vehicles-mobility ev extrawest firebase firebase-hosting flutter flutter-web google-maps google-maps-api showacse web

Last synced: 2 days ago
JSON representation

Flutter Electric Vehicles Charging Stations Map Demo

Host: GitHub
URL: https://github.com/extrawest/evc_google_maps_demo
Owner: extrawest
Created: 2022-12-16T14:01:44.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2024-01-16T13:30:02.000Z (12 months ago)
Last Synced: 2024-12-17T12:47:25.510Z (19 days ago)
Topics: clustering, dart, demo, electric-vehicles-mobility, ev, extrawest, firebase, firebase-hosting, flutter, flutter-web, google-maps, google-maps-api, showacse, web
Language: Dart
Homepage: https://animated-alfajores-40eb7b.netlify.app/
Size: 1.03 MB
Stars: 27
Watchers: 1
Forks: 6
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Flutter Stations Map App

[![Maintanence](https://img.shields.io/badge/Maintenance-yes%3F-blue.svg)]()
[![Codemagic build status](https://api.codemagic.io/apps/63905b4f2551810eda63638f/63905b4f2551810eda63638e/status_badge.svg)](https://codemagic.io/apps/63905b4f2551810eda63638f/63905b4f2551810eda63638e/latest_build)
[![Ask Me Anything !](https://img.shields.io/badge/Ask%20me-anything-1abc9c.svg)]()
![GitHub license](https://img.shields.io/github/license/Naereen/StrapDown.js.svg)
![GitHub release](https://img.shields.io/badge/release-v1.0.0-blue)
![Supported Platforms](https://img.shields.io/badge/Platform-Android%20|%20iOS%20|%20Web%20%20-blue.svg?logo=flutter)
[![View DEMO](https://img.shields.io/badge/VIEW-DEMO-lightgreen.svg)](https://animated-alfajores-40eb7b.netlify.app)

## Project info
- This project is a app that shows a map with Electric Charging Stations and their information. The app supports station markers clustering.
- The app runs on Android, iOS and Web.
- The app is built using Flutter 3.3 and Dart.
- The app is built using the MVVM architecture.
- The app is built using the BLoC pattern.

## Demo
[Stations Map App](https://animated-alfajores-40eb7b.netlify.app)

https://user-images.githubusercontent.com/42183561/220624033-6834b985-5027-4b1c-b5b0-f18ffe84f5f8.mp4

## How to run the app
- **Clone the project.**
```shell
git clone https://github.com/extrawest/evc_google_maps_demo.git
```
- **Open the project.**
```shell
cd your_name_here
```
- **Get packages.**
```shell
flutter pub get
```
- **Configure firebase project with flutterfire.**
```shell
flutterfire configure
```
- **Run the app with your api key for the map as additional run argument.**
```
flutter run --dart-define MAP_API_KEY="{YOUR_API_KEY_HERE}"
```

At this point you should be able to run the app on your device or emulator.

## Firebase hosting

1. In order to deploy this app to Firebase hosting, follow these commands

- **Login to firebase.**
```shell
firebase login
```
- **Initialize firebase.**
```shell
firebase init
```
- **Choose account, then choose Hosting as an option.**
- **Select Firebase project**
- **Select public directory for your hosting**
build/web (default)
- **Configure as a single-page app**
- **Build the project if you haven't yet**
```shell
flutter build web
```
- **Deploy to firebase.**
```shell
firebase deploy
```

Created by **Oleksii Melnychenko**

[Extrawest.com](https://www.extrawest.com), 2022