react tailwindcss portfolio

React＆TailWindCSSポートフォリオ - ダークモードで

ReactとTailwind CSSで構築されたシンプルなポートフォリオスターターテーマ。これは、vuejs-tailwindcss-portfolioのReactバージョンです。

デモURL

https://react-tailwindcss-portfolio.netlify.app

このプロジェクトの他のバージョン

• next.jsバージョン：https：//github.com/realstoman/nextjs-tailwindcs-portfolio
• vue.jsバージョン：https：//github.com/realstoman/vuejs-tailwindcs-portfolio
• nuxt.jsバージョン：https：//github.com/realstoman/nuxtjs-tailwindcs-portfolio

特徴

• Reactルーターv6でV18を反応します
• Tailwind CSS V3
• 状態管理のコンテキストAPI
• カスタムフック
• 単体テスト
• フレーマーモーションの移行とアニメーション
• 再利用可能なコンポーネント
• ダークモード
• プロジェクトはカテゴリごとにフィルタリングします
• 検索ごとにプロジェクトフィルター
• 滑らかなスクロール
• カウンタ
• 動的形式
• 上に戻るボタンに戻ります
• ファイルボタンをダウンロードします
• シンプルで応答性の高いデザイン

このプロジェクトに貢献するには、Guidlinesの貢献をお読みください

設定

1. ノードJSがインストールされていることを確認してください。あなたがそれを持っていない場合：

• nodejs.orgからダウンロードしてください
• NVMを使用してインストールします
• Macにいる場合、Homebrewも良い選択肢です。

 brew install node

2. リポジトリのクローン：

 git clone https://github.com/realstoman/react-tailwindcss-portfolio.git

3. プロジェクトフォルダーを開きます：

 cd react-tailwindcss-portfolio

4. パッケージと依存関係をインストールします。

 yarn

4. 注：糸がインストールされていない場合は、NPMを使用してグローバルにインストールできます。

 npm install --global yarn

5. http://localhost:3000でローカル開発サーバーを開始します：

 yarn start

6. テストの実行：

 yarn test

メモ

• 新しい変更を引いた後、常にyarn installを実行してください
• このレポジトリを常に追加するので、このレポを常に更新するので、このレポのプロジェクトセクションを常にチェックして、TODOおよび進行中のタスクを確認してください
• すぐに来る私はスクリーンキャストをします。すぐに私はYouTubeチャンネルにビデオをアップロードします。そこでは、このPortoflioを作成するプロセスを進めます。
• UNDRAWとFreepikのイラスト
• Unsplashからの画像
• 自分のポートフォリオとして自由に使用してください
• 貢献は大歓迎です

ライセンス

mit