
大約|功能|使用的技術和工具|佈局|安裝和執行|如何貢獻|聯繫人|執照

PODCASTR是在新版本中開發的下一個級別的React Track,這是由Rocketseat製作的在線活動。
這是一個Web應用程序,允許用戶收聽他們喜歡的播客,查看最新版本,並從當前正在收聽的播客中獲取更多信息。

這個項目非常有趣,因為為了開發音頻播放器,我們使用了HTML5 API來操縱用戶播放的音頻以及播放器的事件和狀態。此外,還可以了解有關Next.js的更多信息,這是一個框架React,可以使用SSR(服務器端渲染)創建Web應用程序。

該項目是通過以下技術和工具開發的:
REECT :開源JavaScript庫致力於在網頁上創建用戶界面。它由Facebook,Instagram,其他公司和個人開發人員社區維護。它用於Netflix,Imgur,Feedly,Airbnb,Seatgeek,Hellosign,Walmart等。
Next.js :一個前端Web開發框架,為React添加新功能,例如服務器端渲染(SSR)和SSG(靜態站點生成)。我們使用此工具思考性能優化,並在搜索引擎(SEO-搜索引擎優化)中進行更好的索引。
打字稿:一組超級JavaScript語言,可提供類,接口和可選的靜態鍵入。與Web Front和React結合使用;
SASS :CSS預處理器擴展了傳統的CSS語法,為我們提供了對樣式葉子的更專業和動態的控制;
Axios :這是基於提出請求的承諾的HTTP客戶端。
git :使用最廣泛的開源控制系統;
Visual Studio代碼:由Microsoft為Windows,Linux和MacOS開發的源代碼編輯器,建議用於開發Web應用程序;
PODCASTR應用程序屏幕佈局是由Rocketseat團隊通過Figma Online工具開發的,Figma Online Tool是一個針對UI設計的原型軟件(用戶界面設計) 。您可以通過此鏈接訪問佈局: podcastr 。
要在計算機上下載項目源,您將首先必須安裝Git 。
安裝了git後,在您的終端上運行以下命令:
git clone https://github.com/mathrb22/podcastrnext.git要安裝場所並運行項目,您必須安裝NODE.JS ,該節點伴隨著NPM。安裝了它:
安裝項目設施:
npm install運行項目:
npm run dev
# ou
yarn dev
git checkout -b minha-feature ;git commit -m 'feat: Minha nova feature' ;git push origin minha-feature ;始終歡迎拉動請求。如果您有任何疑問或建議,請創建問題或與我聯繫。
通過電子郵件或我的LinkedIn與我聯繫:
該項目屬於麻省理工學院許可證。有關更多詳細信息,請參見許可證文件。