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的图像
• 随时将其用作您自己的投资组合
• 欢迎捐款

执照

麻省理工学院