Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/espinbrandon49/ev-station-locator

Collaborative Interactive Front-end
https://github.com/espinbrandon49/ev-station-locator

ajax bulma css fetch-api html javascript leaflet-map localstorage sass

Last synced: 10 days ago
JSON representation

Collaborative Interactive Front-end

Awesome Lists containing this project

README

        

# Electric Vehicle Station Locator
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](code_of_conduct.md)

## Description
An application created collaboratively with an interactive front-end that allows users to geolocate electric vehicle charging stations in a specified region using a city name or zipcode and also view the location's retail information.

* [Deployed Link](https://espinbrandon49.github.io/EV-Station-Locator/)
* [GitHub repository](https://github.com/espinbrandon49/EV-Station-Locator)

### Technologies:
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) ![SASS](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white) ![LEAFLET](https://img.shields.io/badge/Leaflet-199900?style=for-the-badge&logo=Leaflet&logoColor=white)

### Contributors
* Brandon Espinosa - espinbrandon49
* Dylan Kreisman - dylankreisman
* David Navarrete Ayala - DNA601

## Table of Contents
* [Installation](#installation)
* [Usage](#usage)
* [License](#license)
* [Contributing](#contributing)
* [Questions](#questions)

## Installation
* Runs in the browser
* [Deployed Link](https://espinbrandon49.github.io/EV-Station-Locator/)

## Usage
There are 3 ways to locate a charging station!
1. View a search using the search bar by entering a city name or zipcode.
2. Use the saved searches buttons to view previous searches (persisted in local storage)
3. Click on one of the five nearby location tiles

See markers on the leaflet.js map display to navigate to your search location

![usage video](./assets/images/EV%20Station%20Locator.gif)

## License
### MIT License
The content of this application is licensed under the MIT License.

[https://choosealicense.com/licenses/mit/](https://choosealicense.com/licenses/mit/)

## Contributing

[Contributor Covenant](https://www.contributor-covenant.org/)

## Questions

Feel free to contact me by [E-mail](mailto:[email protected]) or [GitHub](https://github.com/espinbrandon49)