Skip to content

πŸŽ™ μŒμ„±μ— 맞좰 λŒ€λ³Έμ„ 화면에 μ‹€μ‹œκ°„μœΌλ‘œ 좜λ ₯ν•˜λŠ” 프둬프터 μ„œλΉ„μŠ€ πŸ“œ

License

Notifications You must be signed in to change notification settings

Chuncheonian/Teleprompter-STT

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

24 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Teleprompter-STT

Table of Contents

πŸŽ™ ν”„λ‘œμ νŠΈ μ†Œκ°œ

demo


  • μŒμ„±μ— 맞좰 λŒ€λ³Έμ„ 화면에 μ‹€μ‹œκ°„μœΌλ‘œ 좜λ ₯ν•˜λŠ” 프둬프터 μ„œλΉ„μŠ€
  • Untactμ‹œλŒ€μ— ν™”μƒνšŒμ˜μ—μ„œ νŽΈν•˜κ²Œ λ°œν‘œν•  수 μžˆλ„λ‘ λ„μ™€μ£ΌλŠ” μ„œλΉ„μŠ€

πŸ“œ μ£Όμš” κΈ°λŠ₯

πŸ› System Architecture

architecture



πŸ—‚ Directory ꡬ쑰

Teleprompter-STT
β”œβ”€β”€ client                        ---> Front-end [React]
β”‚   β”œβ”€β”€ public                    ---> 정적 파일 보관
β”‚   β”‚   β”œβ”€β”€ index.html
β”‚   β”‚   β”œβ”€β”€ manifest.json
β”‚   β”‚   └── robots.txt
β”‚   β”œβ”€β”€ src
β”‚   β”‚   β”œβ”€β”€ components
β”‚   β”‚   β”‚   └── Teleprompter.js   ---> μŒμ„±μΈμ‹ && λ¬Έμž₯μœ μ‚¬λ„ μˆ˜ν–‰ 
β”‚   β”‚   β”œβ”€β”€ pages
β”‚   β”‚   β”‚   β”œβ”€β”€ MainPage.js       ---> 메인 ν™”λ©΄
β”‚   β”‚   β”‚   └── PrompterPage.js   ---> λŒ€λ³Έ 좜λ ₯ ν™”λ©΄
β”‚   β”‚   β”œβ”€β”€ App.css
β”‚   β”‚   β”œβ”€β”€ App.js                ---> Router
β”‚   β”‚   β”œβ”€β”€ App.test.js
β”‚   β”‚   β”œβ”€β”€ index.css
β”‚   β”‚   β”œβ”€β”€ index.js
β”‚   β”‚   β”œβ”€β”€ reportWebVitals.js
β”‚   β”‚   β”œβ”€β”€ serviceWorker.js
β”‚   β”‚   β”œβ”€β”€ setupTests.js
β”‚   β”‚   └── styles.js             ---> PrompterPage.js Style
β”‚   β”œβ”€β”€ .gitignore
β”‚   β”œβ”€β”€ package-lock.json
β”‚   └── package.json
β”‚
β”œβ”€β”€ .gitignore
β”œβ”€β”€ LICENSE                       ---> MIT License
β”œβ”€β”€ package-lock.json
β”œβ”€β”€ package.json
β”œβ”€β”€ README.md
└── server.js                     ---> Back-end [Node.js Express]



⌨️ μ„€μΉ˜ 방법

☝️ React & Express μ„œλ²„ λ™μ‹œ ꡬ동 (Local Server둜 λ™μž‘)

client 폴더 이동

$ cd Teleprompter-STT/client

React에 ν•„μš”ν•œ λͺ¨λ“ˆ μ„€μΉ˜

$ npm install

Teleprompter-STT 폴더 이동

$ cd ..

Node.js에 ν•„μš”ν•œ λͺ¨λ“ˆ μ„€μΉ˜

$ npm install

React & Express μ„œλ²„ λ™μ‹œ μ‹œμž‘

$ npm run dev


✌️ Express μ„œλ²„λ‘œλ§Œ ꡬ동 (Heroku둜 배포 κ°€λŠ₯)

client 폴더 이동

$ cd Teleprompter-STT/client

React에 ν•„μš”ν•œ λͺ¨λ“ˆ μ„€μΉ˜

$ npm install

Build File 생성

$ npm run build

Teleprompter-STT 폴더 이동

$ cd ..

Node.js에 ν•„μš”ν•œ λͺ¨λ“ˆ μ„€μΉ˜

$ npm install

Express μ„œλ²„ μ‹œμž‘

$ npm run server

πŸ“‹ Reference

πŸ“‹ License

Teleprompter-STT is MIT licensed.



πŸ‘†Back To The Top

About

πŸŽ™ μŒμ„±μ— 맞좰 λŒ€λ³Έμ„ 화면에 μ‹€μ‹œκ°„μœΌλ‘œ 좜λ ₯ν•˜λŠ” 프둬프터 μ„œλΉ„μŠ€ πŸ“œ

Topics

Resources

License

Stars

Watchers

Forks