
について|特徴|使用されるテクノロジーとツール|レイアウト|インストールと実行|貢献する方法|連絡先|ライセンス

Podcastrは、 Rocketeatが制作したオンラインイベントであるNew Edition Track of Next Level Weekで開発されたプロジェクトです。
これは、ユーザーがお気に入りのポッドキャストを聴き、最新のリリースを見て、現在聴いているポッドキャストから詳細情報を取得できるWebアプリケーションです。

このプロジェクトは開発するのが非常に興味深いものでした。オーディオプレーヤーの開発には、HTML5 APIを使用して、ユーザーが再生されているオーディオとプレーヤーのイベントや状態を操作するためです。さらに、SSR(サーバーサイドレンダリング)を使用してWebアプリケーションを作成できるフレームワークReactであるNext.jsの詳細を学ぶことができました。

このプロジェクトは、次のテクノロジーとツールを使用して開発されました。
React :オープンソースのJavaScriptライブラリは、Webページにユーザーインターフェイスの作成に焦点を当てています。 Facebook、Instagram、その他の企業、および個々の開発者のコミュニティによって維持されています。 Netflix、Imgur、Feedly、Airbnb、SeatGeek、Hellosign、Walmartなどで使用されています。
Next.js :サーバーサイドレンダリング(SSR)やSSG(静的サイト生成)など、Reactに新しい機能を追加するフロントエンドWeb開発フレームワーク。このツールは、パフォーマンスの最適化と検索エンジンでのより良いインデックス作成(SEO-検索エンジンの最適化)を使用します。
タイプスクリプト:クラス、インターフェイス、オプションの静的タイピングを提供するJavaScript言語のスーパーセット。 Web FrontandのReactと組み合わせて使用されます。
SASS :従来のCSS構文を拡張するCSS Preprocessorを使用して、スタイルの葉をより専門的で動的なコントロールを提供します。
Axios :リクエストを行うことを約束することに基づいたHTTPクライアントです。
Git :最も広く使用されているオープンソース制御システム。
Visual Studio Code :MicrosoftがWindows、Linux、MacOのために開発したソースコードエディターは、Webアプリケーションの開発に推奨されています。
Podcastrアプリケーションの画面レイアウトは、 UIデザイン(ユーザーインターフェイスデザイン)に焦点を当てたプロトタイピングソフトウェアであるFigma Online Toolを介してRocketeatチームによって開発されました。このリンクを介してレイアウトにアクセスできます: podcastr 。
マシンのプロジェクトソースをダウンロードするには、まずGitをインストールする必要があります。
gitがインストールされた状態で、ターミナルで次のコマンドを実行します。
git clone https://github.com/mathrb22/podcastrnext.git施設をインストールしてプロジェクトを実行するには、NPMを伴うnode.jsをインストールする必要があります。インストールして:
プロジェクト機能をインストールします。
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で私に連絡してください:
このプロジェクトはMITライセンスの下にあります。詳細については、ライセンスファイルを参照してください。