DongyoungKwon

Update README.md

Showing 1 changed file with 18 additions and 12 deletions
1 -# Teleprompter-STT 1 +# Teleprompter-STT
2 - 2 +<strong>Demo Link 👉 [https://teleprompterstt.herokuapp.com/](https://teleprompterstt.herokuapp.com/)</strong>
3 ## Table of Contents 3 ## Table of Contents
4 - [프로젝트 소개](#-프로젝트-소개) 4 - [프로젝트 소개](#-프로젝트-소개)
5 - [주요 기능](#-주요-기능) 5 - [주요 기능](#-주요-기능)
6 + - [System Architecture](#-system-architecture)
6 - [Directory 구조](#-directory-구조) 7 - [Directory 구조](#-directory-구조)
7 - [설치 방법](#-설치-방법) 8 - [설치 방법](#-설치-방법)
8 - [팀원](#-팀원) 9 - [팀원](#-팀원)
9 - [Reference](#-reference) 10 - [Reference](#-reference)
10 - [License](#-license) 11 - [License](#-license)
11 - 12 +<br><br>
12 13
13 ## 🎙 프로젝트 소개 14 ## 🎙 프로젝트 소개
14 - - 음성에 맞춰 대본을 화면에 실시간으로 출력하는 프롬프터 서비스 15 +<img src="/uploads/8b4b3fdeebdb94e49dcce865c21c0dd0/GiF.gif" width="600" height="300" />
15 - - Untact시대에 화상회의에서 편하게 발표할 수 있도록 도와주는 서비스 16 +<br>
16 - 17 + - <strong>음성에 맞춰 대본을 화면에 실시간으로 출력하는 프롬프터 서비스<strong/>
18 + - <strong>Untact시대에 화상회의에서 편하게 발표할 수 있도록 도와주는 서비스<strong/>
19 +<br><br>
17 20
18 ## 📜 주요 기능 21 ## 📜 주요 기능
19 - [**Web Speech API**](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API) && [**string-similarity API**](https://www.npmjs.com/package/) 사용 22 - [**Web Speech API**](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API) && [**string-similarity API**](https://www.npmjs.com/package/) 사용
20 - Real-time Script Output 23 - Real-time Script Output
24 +<br><br>
21 25
26 +## 🏛 System Architecture
22 27
28 +<img src="/uploads/64f303d19f8a59d152bd8b4cbb0dca7b/Architecture.png" width="700" height="300" align="center"/>
29 +<br><br>
23 ## 🗂 Directory 구조 30 ## 🗂 Directory 구조
24 ```bash 31 ```bash
25 Teleprompter-STT 32 Teleprompter-STT
...@@ -54,6 +61,7 @@ Teleprompter-STT ...@@ -54,6 +61,7 @@ Teleprompter-STT
54 ├── README.md 61 ├── README.md
55 └── server.js ---> Back-end [Node.js Express] 62 └── server.js ---> Back-end [Node.js Express]
56 ``` 63 ```
64 +<br><br>
57 65
58 ## :keyboard: 설치 방법 66 ## :keyboard: 설치 방법
59 #### ☝️ React & Express 서버 동시 구동 (Local Server로 동작) 67 #### ☝️ React & Express 서버 동시 구동 (Local Server로 동작)
...@@ -93,23 +101,21 @@ Teleprompter-STT ...@@ -93,23 +101,21 @@ Teleprompter-STT
93 101
94 ##### Express 서버 시작 102 ##### Express 서버 시작
95 `$ npm run server` 103 `$ npm run server`
96 - 104 +<br><br>
97 105
98 ## 👥 팀원 106 ## 👥 팀원
99 - 권동영 (2016110307) 107 - 권동영 (2016110307)
100 - 김다솔 (2017110268) 108 - 김다솔 (2017110268)
101 - 109 +<br><br>
102 -
103 110
104 ## 📋 Reference 111 ## 📋 Reference
105 - [**Web Speech API**](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API) 112 - [**Web Speech API**](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API)
106 - [**string-similarity API**](https://www.npmjs.com/package/) 113 - [**string-similarity API**](https://www.npmjs.com/package/)
107 - [**Material-Ui**](https://material-ui.com/) 114 - [**Material-Ui**](https://material-ui.com/)
108 - 115 +<br><br>
109 -
110 116
111 ## 📋 License 117 ## 📋 License
112 Teleprompter-STT is [MIT licensed](./LICENSE). 118 Teleprompter-STT is [MIT licensed](./LICENSE).
113 119
114 -<br> 120 +<br><br>
115 [👆Back To The Top](#teleprompter-stt) 121 [👆Back To The Top](#teleprompter-stt)
...\ No newline at end of file ...\ No newline at end of file
......