Agency website

Styled ComponentsとGSAPを使用したReact JSでレスポンシブWebサイトを構築して、素晴らしいスクロールアニメーション

このリポジトリには、Reactjsの代理店Webサイトのコードが含まれています。

デモを表示：https：//agency-website-eta.vercel.app/

作成方法を学びたい場合は、次のチュートリアルをチェックアウトしてください。
素晴らしいスクロールアニメーションのためにスタイルのコンポーネントとGSAPを使用して、React JSでレスポンシブWebサイトを構築する方法

ウェブサイトの画像：

[このウェブサイトを商業用に使用する際に適切なクレジットを提供していただければ幸いです]

このプロジェクトで使用されるリソース

設計：https：//www.figma.com/
3Dシェイプ：https：//www.figma.com/community/file/917777039353073016/3d-shapes
ソーシャルアイコン：https：//fontawesome.com/
blob画像：https：//www.figma.com/community/plugin/739208439270091369/blobs
人間のイメージ：https：//www.figma.com/community/plugin/739503328703046360/humaaans-for-figma
svgs from：https：//undraw.co/
ロゴ：https：//www.figma.com/community/plugin/768094929040207895/logo-creator
ロケット3D画像：https：//www.figma.com/community/plugin/769588393361258724/vectary-3d-elements
Avatar-1：UnsplashのChristiana Riversによる写真
アバター-2：ジョセフ・ゴンザレスによる写真
アバター-3：サム・バーリスによる写真
Avatar-4：写真by whereslugo on Unsplash

このプロジェクトは、Create Reactアプリでブートストラップされました。

利用可能なスクリプト

プロジェクトディレクトリでは、実行できます。

npm start

開発モードでアプリを実行します。
http：// localhost：3000を開いて、ブラウザで表示します。

編集すると、ページがリロードされます。
また、コンソールに糸くずエラーも表示されます。

npm test

インタラクティブウォッチモードでテストランナーを起動します。
詳細については、実行中のテストに関するセクションを参照してください。

npm run build

buildフォルダーへの生産用のアプリをビルドします。
生産モードで反応することを正しくバンドルし、最高のパフォーマンスのためにビルドを最適化します。

ビルドが縮小され、ファイル名にはハッシュが含まれます。
あなたのアプリは展開する準備ができています！

詳細については、展開に関するセクションを参照してください。

npm run eject

注：これは一方向の操作です。 ejectたら、戻ることができません！

ビルドツールと構成の選択に満足していない場合は、いつでもejectできます。このコマンドは、プロジェクトから単一のビルド依存関係を削除します。

代わりに、すべての構成ファイルと推移的依存関係（Webpack、Babel、Eslintなど）をプロジェクトにコピーして、それらを完全に制御できるようになります。 ejectを除くすべてのコマンドは引き続き機能しますが、それらを調整できるようにコピーされたスクリプトを指します。この時点で、あなたはあなた自身です。

ejectを使用する必要はありません。キュレーションされた機能セットは、小規模および中央の展開に適しているため、この機能を使用する義務を感じるべきではありません。ただし、準備ができたときにカスタマイズできなかった場合、このツールは役に立たないことを理解しています。

もっと詳しく知る

Create Reactアプリのドキュメントで詳細をご覧ください。

Reactを学ぶには、React Documentationをご覧ください。

コード分​​割

このセクションはここに移動しました：https：//facebook.github.io/create-rect-app/docs/code-splitting

バンドルサイズの分析

このセクションはここに移動しました：https：//facebook.github.io/create-rect-app/docs/analyzing-the-bundle-size

プログレッシブWebアプリを作成します

このセクションはここに移動しました：https：//facebook.github.io/create-rect-app/docs/making-a-progrising-web-app

高度な構成

このセクションはここに移動しました：https：//facebook.github.io/create-rect-app/docs/advanced-configuration

展開

このセクションはここに移動しました：https：//facebook.github.io/create-rect-app/docs/deployment

npm run buildマイニル化に失敗します

このセクションは、https：//facebook.github.io/create-rect-app/docs/troubleshooting#npm-run-build-fails-to-minifyです