react tailwindcss portfolio

React＆Tailwindcss投資組合 - 具有深色模式

一個簡單的投資組合首發主題，由React和Tailwind CSS構建。這是Vuejs-Tailwindcss-Portfolio的React版本。

演示網址

https://reeact-tailwindcs-portfolio.netlify.app

該項目的其他版本

• next.js版本：https：//github.com/realstoman/nextjs-tailwindcss-portfolio
• vue.js版本：https：//github.com/realstoman/vuejs-tailwindcss-portfolio
• nuxt.js版本：https：//github.com/realstoman/nuxtjs-tailwindcss-portfolio

特徵

• React V18與React Router V6
• 尾風CSS V3
• 國家管理上下文API
• 自定義鉤
• 單位測試
• 制定運動過渡和動畫
• 可重複使用的組件
• 黑暗模式
• 項目過濾按類別過濾
• 通過搜索過濾項目過濾
• 光滑的滾動
• 櫃檯
• 動態形式
• 返回頂部按鈕
• 下載文件按鈕
• 簡單而響應的設計

為了為該項目做出貢獻，請閱讀貢獻指南

設定

1. 確保安裝了節點JS。如果您沒有它：

• 從nodejs.org下載
• 使用NVM安裝
• 如果您在Mac上，則家務也是一個不錯的選擇：

 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
• 我將不斷更新此存儲庫，因為我將添加更多部分，因此請務必查看此存儲庫的“項目”部分，以查看哪些任務正在待辦事項和正在進行中
• 即將到來，我將進行屏幕截圖。不久，我將在我的YouTube頻道上上傳視頻
• Undraw和Freepik的插圖
• 來自Unsplash的圖像
• 隨時將其用作您自己的投資組合
• 歡迎捐款

執照

麻省理工學院