xpic 图床项目使用了 React + TypeScript + React Router 6 + mobx + LeanCloud + antd 技术栈
    实现了用户的登录和注册，图片上传生成在线地址，图片自定义尺寸，图片上传历史记录查询，图片地址一键复制以及删除图片等功能。页面实现了响应式布局，在PC端和移动端都有良好的体验。

    实现项目的关键步骤都记录成了博客：

    1. 项目搭建
    2. 组件懒加载
    3. 使用 styled-components 给组件添加样式
    4. 使用 mobx 进行状态管理
    5. Antd 表单验证
    6. leanCloud 实现登录注册
    7. 私有路由
    8. leanCloud 实现图片上传
    9. 自定义图片大小
    10. 点击按钮复制文本
    11. 导航栏响应式布局实现
    12. 上传历史查询
    13. React 在循环中创建 ref

    项目预览链接
    image.png
    image.pngimage.png