Update README.md

-# Teleprompter-STT
-
+# Teleprompter-STT  
+<strong>Demo Link  👉  [https://teleprompterstt.herokuapp.com/](https://teleprompterstt.herokuapp.com/)</strong>
 ## Table of Contents
   - [프로젝트 소개](#-프로젝트-소개)
   - [주요 기능](#-주요-기능)
+  - [System Architecture](#-system-architecture)
   - [Directory 구조](#-directory-구조)
   - [설치 방법](#-설치-방법)
   - [팀원](#-팀원)
   - [Reference](#-reference)
   - [License](#-license)
-
+<br><br>
 
 ## 🎙 프로젝트 소개
-  - 음성에 맞춰 대본을 화면에 실시간으로 출력하는 프롬프터 서비스
-  - Untact시대에 화상회의에서 편하게 발표할 수 있도록 도와주는 서비스
-
+<img src="/uploads/8b4b3fdeebdb94e49dcce865c21c0dd0/GiF.gif" width="600" height="300" />
+<br>
+  - <strong>음성에 맞춰 대본을 화면에 실시간으로 출력하는 프롬프터 서비스<strong/>
+  - <strong>Untact시대에 화상회의에서 편하게 발표할 수 있도록 도와주는 서비스<strong/>
+<br><br>
 
 ## 📜 주요 기능
   - [**Web Speech API**](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API) && [**string-similarity API**](https://www.npmjs.com/package/) 사용
   - Real-time Script Output
+<br><br>
 
+## 🏛 System Architecture
 
+<img src="/uploads/64f303d19f8a59d152bd8b4cbb0dca7b/Architecture.png" width="700" height="300" align="center"/>
+<br><br>
 ## 🗂 Directory 구조
 ```bash
 Teleprompter-STT
@@ -54,6 +61,7 @@ Teleprompter-STT
 ├── README.md
 └── server.js                     ---> Back-end [Node.js Express]
 ```
+<br><br>
 
 ## :keyboard: 설치 방법
 #### ☝️ React & Express 서버 동시 구동 (Local Server로 동작)
@@ -93,23 +101,21 @@ Teleprompter-STT
 
 ##### Express 서버 시작
 `$ npm run server`
-
+<br><br>
 
 ## 👥 팀원
 - 권동영 (2016110307)
 - 김다솔 (2017110268)
-
-
+<br><br>
 
 ## 📋 Reference
 - [**Web Speech API**](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API)
 - [**string-similarity API**](https://www.npmjs.com/package/)
 - [**Material-Ui**](https://material-ui.com/)
-  
-
+<br><br>
 
 ## 📋 License
 Teleprompter-STT is [MIT licensed](./LICENSE).
 
-<br>
+<br><br>
 [👆Back To The Top](#teleprompter-stt)
\ No newline at end of file