https://github.com/leye195/maskup

mask's up(마스크업) 공공 마스크 맵
https://github.com/leye195/maskup

express javascript kakao-map pug scss

Last synced: 2 days ago
JSON representation

mask's up(마스크업) 공공 마스크 맵

• Host: GitHub
• URL: https://github.com/leye195/maskup
• Owner: leye195
• Created: 2020-03-11T09:15:53.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-02-10T07:20:40.000Z (almost 4 years ago)
• Last Synced: 2024-12-24T20:37:14.119Z (about 2 months ago)
• Topics: express, javascript, kakao-map, pug, scss
• Language: SCSS
• Homepage:
• Size: 2.54 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# maskup(마스크업)

공적 마스크 api를 이용한 주변 마스크 판매 정보 제공 맵

Link: https://www.mask-up.me

> 마스크 API 제공 중지로 현재 서비스 중지 상태

- Express

- pug Template

- VanilaJS

- Scss

- Kakao Map API

### ToDO

- 기본 셋팅 및 라우트 셋팅 및 기본 UI 틀 작성 ✅

- Kakao Map API 등록 및 연동 ✅

- 마스크 api 연동 및 데이터 활용 표시 작업 ✅

- 녹색(100개 이상) / 노랑색(30 ~ 99개) / 빨강색(2 ~ 29개) / 회색(0 ~ 1개) / 하얀색(판매중지) 표시 ✅

- map overlay 커스터마이징 및 클릭시 정보 표시 ✅

- 현재 요일 표시 ✅

- Toggle버튼 이용 제고 있는 곳만 표시 ✅

- modal활용 공지사항 알림 ✅

- loading 표시 ✅

### 데이터 출처

##### 심평원‧정보화진흥원(공공데이터 포털)‧정보화진흥원(공공데이터포털)

마스크 재고 현황은 4단계 구간 정보로 제공, 혼돈을 방지하기 위해 단계별 색상은 요청 색상으로 지정

- 100개 이상 : 충분 \* 녹색

- 100개 미만(99개~30개) : 보통 \* 노랑색

- 30개 미만(29개~2개) : 부족 \* 빨강색

- 1개~0개 : 없음 또는 판매전 : \* 회색

- 판매 중지: \* 하얀색