Update README.md

README.md

@@ -1,16 +1,38 @@
-# bbiyong-front
+
+<div align="center">
+  <a href="https://bbiyong-bbiyong.web.app/">
+    <img src="https://github.com/bbiyongbbiyong/bbiyong-front/assets/87255462/df89a642-5adf-407e-98b0-5d84cc83c76d" alt="Logo" width="80" height="80">
+  </a>
+
+   <p align="center">
+    <h3>실시간 재난 알림 서비스 삐용삐용</h3>
+    <a href="https://bbiyong-bbiyong.web.app/"><strong>사이트 방문하기 »</strong></a>
+    <br />
+    <br />
+    <img src="https://img.shields.io/badge/version-2.0.0-green.svg">
+  </p>
+</div>
 
 ## 👀 프로젝트 소개
-사건·사고 실시간 모아보기 서비스
+### 🌱 기능 소개
+* **실시간 재난 알림**: 서울특별시의 재난 문자 발령 현황, 도로 통제 정보, 지하철 통제 정보를 실시간으로 수집하여 보여줍니다.
+* **사건사고 발생 횟수 비교**: 메인 화면의 막대그래프로 전날과 오늘의 사건·사고 발생 횟수를 비교하여 볼 수 있습니다.
+* **지역별 정보 조회**: 지도에서 특정 구를 선택하여 해당 구의 정보만 조회할 수 있습니다
+* **백그라운드 알림 서비스**: 회원에게만 제공되는 기능으로, 알림 설정 페이지에서 수신받을 알림의 세부 종류를 선택할 수 있으며 새로운 데이터가 수집될 때마다 해당 카테고리를 수신 중인 사용자에게 알림이 전송됩니다.
+
+### 📅 진행 기간
+
+<img src="https://img.shields.io/badge/version-1.0.0-green.svg"> / 2022.09.01~ 2022.12.20<br/>
+<img src="https://img.shields.io/badge/version-2.0.0-green.svg"> / 2023.07.03~ 2023.07.30
 
-### 팀원 소개 💡
+### 😎 팀원 소개 
 | [@nijuy](https://github.com/nijuy) | [@gyueunnim](https://github.com/gyueunnim) | [@Yoon-97](https://github.com/Yoon-97) |
 | :---: | :---: |:---: |
 | <img src="https://avatars.githubusercontent.com/u/87255462?v=4" width="150"/> | <img src="https://avatars.githubusercontent.com/u/85922192?v=4" width="150"/> | <img src="https://avatars.githubusercontent.com/u/93638922?v=4" width="150"/> 
 | Front-End | Front-End| Front-End |
 
 ## 🛠 기술 스택
-`JavaScript` `React` `React-router-dom` `axios` `redux` `redux-persist`
+`JavaScript` `React` `React-router-dom` `react-apexcharts` `axios` `redux` `redux-persist`
 
 ## 📁 폴더 구조 
 ```javascript
@@ -28,16 +50,13 @@
  ┣ 📜Router.js // Routing
  ┗ 📜setupTests.js
 ```
-## ✨ 실행
-### Installation
+## ✨ 시작하기
 ```
-$ git clone https://github.com/bbiyongbbiyong/bbiyong-front.git
+$ git clone https://github.com/bbiyongbbiyong/bbiyong-front.git // 프로젝트를 로컬 환경으로 클론합니다
 $ cd bbiyong-front
-```
-
-### Frontend
-```
-$ npm install
+$ npm install // 필요한 패키지를 설치합니다
 $ npm start
 ```
 
+## 💥
+서비스에 관련된 문의나 버그 신고는 [email protected]으로 보내주세요! ( •̀ ω •́ )✧