项目简介

Picals 是一个受 Pixiv 启发、纯粹由兴趣驱动、从零设计并编写的一个插画收藏平台。

它旨在为大家提供一个相较于 Pixiv 更方便、在国内浏览更快捷的找图、存图的方式，并且和论坛的功能相结合，营造和谐、舒适的国内插画讨论环境。

项目特色

1. 支持收藏夹功能。

   灵感来源于 Bilibili 的收藏功能， 用户能够在浏览插画的时候对插画进行指定收藏夹的收藏。收藏夹可由用户自行创建，并且可以在个人中心对收藏的插画进行批量管理，同时也支持作品名搜索快速找到收藏的插画。

2. 维护多种插画浏览列表。

   当用户从某一个插画列表（如推荐作品列表）点击进入到作品详情页后，会同时维护两种列表：

   1. 点击进入时的插画列表；
   2. 该插画发布者的插画列表。

   使用户能够通过插画列表快速浏览到下一个想要浏览的作品。并且用户能够同时在不同列表之间进行切换浏览，也可以一键跳出回到最开始进入的作品页。

3. 引入大图查看器。

   本项目在作品详情页中引入了一款基于 React 实现的图片查看器：react-photo-view，并在其基础之上进行了一些自定义封装，提供了如图片放大、缩小、旋转、原图下载 等实用功能。

4. 支持历史记录浏览。

   灵感来源于 Bilibili 的历史记录。用户在浏览某个作品后，会将浏览信息记录至后台，用户可在个人中心的 浏览记录 页签中找到自己浏览过的作品。同时也支持历史记录的作品名搜索功能。

技术栈

这个项目主要的技术栈为 React + Nest.js ，使用 TypeScript 作为唯一开发语言。

相关文档

• 项目概述
• 项目功能分析
• 项目 UI 原型设计
• 项目技术栈设计
• 项目数据库设计
• 项目接口文档
• 项目部署方案
• 记录一些开发过程中踩的坑
• 一些复杂功能的设计文档汇总

仓库

前端项目：https://github.com/nonhana/Picals-Frontend-React

后端项目：https://github.com/nonhana/Picals-Backend-Nest

联系/加入我们

您在使用中，对这个项目产生了任何想要完善的点子，都可以参考： Issue 提交指南 来新建一个 Issue。

如果您：

1. 是无意间浏览到这个项目的，并且有兴趣参与这个项目
2. 在目前的使用过程中发现 BUG
3. 想要提出新的需求
4. 单纯的想要了解我们、一起讨论交流一些爱好（良い友達になる~）

您可以选择加入我们！！于我而言，大家一起做东西，在交流中一起进步、一起了解更多的前沿技术或者是解决一些困难的 bug，都是十分有意义的事情~

• 邮箱：zhouxiang757@gmail.com
• 一个可爱的交流群（QQ）：891904073