Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/extrawest/ev_stations_map_showcase

This project is an app that shows a map with Electric Charging Stations and their information. The app supports station markers clustering.
https://github.com/extrawest/ev_stations_map_showcase

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

Last synced: 3 days ago
JSON representation

This project is an app that shows a map with Electric Charging Stations and their information. The app supports station markers clustering.

Host: GitHub
URL: https://github.com/extrawest/ev_stations_map_showcase
Owner: extrawest
Created: 2023-03-14T13:40:51.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2024-01-15T16:57:01.000Z (12 months ago)
Last Synced: 2024-12-17T12:47:25.753Z (20 days ago)
Topics: clustering, dart, demo, electric-vehicles, electric-vehicles-mobility, ev, extrawest, firebase, firebase-hosting, flutter, flutter-web, flutter-web-example, google-maps, google-maps-api, showcase, web
Language: Dart
Homepage: https://65a54b6a0a990c199c1bdf7b--glittering-biscotti-471451.netlify.app/#/
Size: 3.55 MB
Stars: 11
Watchers: 1
Forks: 4
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Flutter Stations Map App

[![Maintanence](https://img.shields.io/badge/Maintenance-yes-blue.svg)]()
[![Codemagic build status](https://api.codemagic.io/apps/63905b4f2551810eda63638f/63905b4f2551810eda63638e/status_badge.svg)](https://codemagic.io/app/63fc69846e27169aa2005e16/build/6405abad783b638b2c4582ce)
[![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://65a54b6a0a990c199c1bdf7b--glittering-biscotti-471451.netlify.app/#/)

## Project info
- This project is an 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 stable and latest Dart version.
- The app is built using the MVVM architecture.
- The app is built using the BLoC pattern.

## Demo
[Stations Map App](https://65a54b6a0a990c199c1bdf7b--glittering-biscotti-471451.netlify.app/#/)

https://user-images.githubusercontent.com/42183561/225020133-7fe7f918-8110-4b51-8c16-a4fac0bca132.mp4

## How to run the app
- **Clone the project.**
```shell
git clone https://github.com/extrawest/ev_stations_map_showcase.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 **Ruslan Volkhov**

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