Web3 去中心化社交网络 (新极简主义版)

一个构建在以太坊区块链 (Localhost) 上的去中心化、永久性社交媒体平台，采用大胆的 新极简主义 (Neo-Brutalism) 设计语言。

✨ 功能特性

• 去中心化存储：所有帖子直接存储在区块链上，确保内容永久保存且不可篡改。
• 新极简主义设计：高对比度的黑白 UI、粗犷的排版和硬朗的组件风格。
• 钱包集成：通过 Wagmi 无缝连接 MetaMask、Rainbow 和 Coinbase Wallet。
• 网络管理：内置网络检测功能，支持一键切换至 Hardhat 本地节点。
• 核心功能：
  • 社区动态：浏览全网所有帖子。
  • 发布内容：将新想法上链发布。
  • 个人主页：查看个人发布历史并管理钱包连接。

🛠 技术栈

• 前端:
  • Next.js 15 (App Router)
  • Tailwind CSS
  • Wagmi & Viem
• 后端 (智能合约):
  • Hardhat
  • Solidity

🚀 快速开始

请按照以下步骤在本地运行项目。

前置要求

• Node.js (v18 或更高版本)
• 已安装 MetaMask 浏览器插件。

1. 设置后端 (区块链)

启动本地 Hardhat 节点并部署智能合约。

cd backend

# 安装依赖
npm install

# 启动本地区块链节点
npx hardhat node

请保持此终端窗口运行。

打开一个新的终端窗口来部署合约：

cd backend

# 部署合约到本地网络
npx hardhat run scripts/deploy.js --network localhost

2. 设置前端

cd frontend

# 安装依赖
npm install

# 启动开发服务器
npm run dev

在浏览器中打开 http://localhost:3000。

3. 连接钱包

1. 打开 MetaMask 并添加 自定义网络：
   • 网络名称: Hardhat Localhost
   • RPC URL: http://127.0.0.1:8545
   • 链 ID (Chain ID): 31337
   • 货币符号: ETH
2. 从 npx hardhat node 的终端输出中导入一个测试账户（使用提供的私钥之一）。
3. 在网页应用中点击连接钱包。

📂 项目结构

social_network/
├── backend/                # Hardhat 后端项目
│   ├── contracts/          # Solidity 智能合约
│   ├── scripts/            # 部署脚本
│   └── test/               # 合约测试
└── frontend/               # Next.js 前端项目
    ├── src/app/            # App Router 页面 (社区, 个人主页, 发布)
    ├── src/components/     # UI 组件
    └── src/lib/            # Web3 配置与常量

📄 许可证

MIT License