https://github.com/castle2668/mask-map

A website that shows us where to buy face masks in Taiwan, originally developed during the COVID-19 pandemic to support public health needs. Built with Vue 2 + Bootstrap + OpenStreetMap + Leaflet.
https://github.com/castle2668/mask-map

bootstrap hexschool leaflet openstreetmap vue2

Last synced: 14 days ago
JSON representation

A website that shows us where to buy face masks in Taiwan, originally developed during the COVID-19 pandemic to support public health needs. Built with Vue 2 + Bootstrap + OpenStreetMap + Leaflet.

• Host: GitHub
• URL: https://github.com/castle2668/mask-map
• Owner: castle2668
• License: mit
• Created: 2020-02-19T10:01:10.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-10-31T02:17:09.000Z (3 months ago)
• Last Synced: 2024-11-12T22:35:04.846Z (2 months ago)
• Topics: bootstrap, hexschool, leaflet, openstreetmap, vue2
• Language: SCSS
• Homepage: https://castle2668.github.io/mask-map/
• Size: 1.46 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Mask Map (口罩地圖)

> 透過藥局口罩地圖，輕鬆查詢口罩剩餘數量等即時資訊。

## 需求

- 透過上方的篩選縣市及地區，過濾出符合該條件的藥局

- 藥局的部分使用卡片式設計讓資訊能夠清楚呈現

## 前端畫面

![前端畫面預覽](https://i.imgur.com/yMkpOvg.png)

## 使用技術

- Vue CLI 4

- Leaflet + OpenStreetMap

- API

- JavaScript (ES6)

- ESLint (Airbnb)

- Bootstrap 4

- CSS (SCSS)