Skip to content

一个受 Pixiv 启发的插画收藏交流平台。Frontend: React18 + TypeScript + Redux + Unocss.

Notifications You must be signed in to change notification settings

nonhana/Picals-Frontend-React

Repository files navigation

picals-logo

项目简介

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

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

项目特色

  1. 支持收藏夹功能。

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

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

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

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

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

  3. 引入大图查看器。

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

  4. 支持历史记录浏览。

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

技术栈

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

相关文档

仓库

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

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

About

一个受 Pixiv 启发的插画收藏交流平台。Frontend: React18 + TypeScript + Redux + Unocss.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Languages