- 실시간 재난 알림: 서울특별시의 재난 문자 발령 현황, 도로 통제 정보, 지하철 통제 정보를 실시간으로 수집하여 보여줍니다.
- 사건사고 발생 횟수 비교: 메인 화면의 막대그래프로 전날과 오늘의 사건·사고 발생 횟수를 비교하여 볼 수 있습니다.
- 지역별 정보 조회: 지도에서 특정 구를 선택하여 해당 구의 정보만 조회할 수 있습니다
- 백그라운드 알림 서비스: 회원에게만 제공되는 기능으로, 알림 설정 페이지에서 수신받을 알림의 세부 종류를 선택할 수 있으며 새로운 데이터가 수집될 때마다 해당 카테고리를 수신 중인 사용자에게 알림이 전송됩니다.
/ 2022.09.01~ 2022.12.20
/ 2023.07.03~ 2023.07.30
@nijuy | @gyueunnim | @Yoon-97 |
---|---|---|
Front-End | Front-End | Front-End |
JavaScript
React
React-router-dom
react-apexcharts
axios
redux
redux-persist
📦src
┣ 📂assets
┣ 📂components // 여러 페이지에서 사용하는 컴포넌트
┣ 📂css // 스타일링
┣ 📂data // 구 좌표, 사고 유형 등 데이터
┣ 📂pages // 페이지
┣ 📂redux // redux reducer 정의
┣ 📂utils // 유틸리티 함수
┣ 📜App.jsx
┣ 📜index.js
┣ 📜reportWebVitals.js
┣ 📜Router.js // Routing
┗ 📜setupTests.js
$ git clone https://github.com/bbiyongbbiyong/bbiyong-front.git // 프로젝트를 로컬 환경으로 클론합니다
$ cd bbiyong-front
$ npm install // 필요한 패키지를 설치합니다
$ npm start
서비스에 관련된 문의나 버그 신고는 [email protected]으로 보내주세요! ( •̀ ω •́ )✧