# pixelpiper

**Repository Path**: VLeeDesignTheory/pixelpiper

## Basic Information

- **Project Name**: pixelpiper
- **Description**: 一款智能化设计走查平台
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-08
- **Last Updated**: 2024-01-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center"><a href="" target="_blank" rel="noopener noreferrer"><img width="100" src="assets/logo.png" alt="logo"></a></p>

<h2 align="center">前端设计走查平台</h2>

<hr>

## Introduction

> PixelPiper旨在提供对于视觉稿还原程度比对的实现方案

## Principle

整个设计走查平台应用采用前后端分离的架构设计，提供浏览器插件及Web的访问服务方式

![architecture](assets/architecture.png)

前端架构选型选择使用[svelte](https://www.sveltejs.cn/)的框架方案，方便进行浏览器插件的构建和简单Web页面的开发

![technology1](assets/technology1.png)

后端架构选型同样选择使用Node.js来进行处理，配合云服务对图片进行对比计算，同时使用定时任务cron对临时文件进行定时清理，从而保证业务的可用性

![technology2](assets/technology2.png)

## Document

- [前端设计走查平台实践（前端篇）](https://vleedesigntheory.github.io/tech/front/piper20220913.html)

- [前端设计走查平台实践（后端篇）](https://vleedesigntheory.github.io/tech/front/piper20220914.html)

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) we452366