<head>
<div align="center">
<h1 align="center">Webster</h1>
</div>
</head>
<div align="center">
<img alt="TypeScript" src="https://img.shields.io/badge/-TypeScript-3178C6.svg?style=for-the-badge&logo=TypeScript&logoColor=white" />
<img alt="Vite" src="https://img.shields.io/badge/-Vite-646CFF.svg?style=for-the-badge&logo=Vite&logoColor=white" />
<img alt="react" src="https://img.shields.io/badge/-React-61DAFB.svg?style=for-the-badge&logo=react&logoColor=black" />
<img alt="redux" src="https://img.shields.io/badge/-Redux-764ABC.svg?style=for-the-badge&logo=redux&logoColor=white" />
<img alt="Chakra UI" src="https://img.shields.io/badge/-Chakra%20UI-319795.svg?style=for-the-badge&logo=ChakraUI&logoColor=white" />
<img alt="konva" src="https://img.shields.io/badge/-konva-0D83CD.svg?style=for-the-badge&logo=konva&logoColor=white" />
<img alt="unsplash" src="https://img.shields.io/badge/-unsplash%20API-000000.svg?style=for-the-badge&logo=unsplash&logoColor=white" />
<img alt="google fonts" src="https://img.shields.io/badge/-Google%20Fonts%20API-4285F4.svg?style=for-the-badge&logo=Google-Fonts&logoColor=white" />
<img alt="Node.js" src="https://img.shields.io/badge/-Nodejs-339933.svg?style=for-the-badge&logo=node.js&logoColor=white" />
<img alt="nestjs" src="https://img.shields.io/badge/-nestjs-E0234E.svg?style=for-the-badge&logo=nestjs&logoColor=white" />
<img alt="postgresql" src="https://img.shields.io/badge/-postgresql-4169E1.svg?style=for-the-badge&logo=postgresql&logoColor=white" />
<img alt="Prisma" src="https://img.shields.io/badge/-Prisma-2D3748.svg?style=for-the-badge&logo=prisma&logoColor=white" />
<img alt="Passport" src="https://img.shields.io/badge/-passport-34E27A.svg?style=for-the-badge&logo=passport&logoColor=white" />
<img alt="JSON Web Tokens" src="https://img.shields.io/badge/-JWT-000000.svg?style=for-the-badge&logo=JSONWebTokens&logoColor=white" />
<img alt=".ENV" src="https://img.shields.io/badge/-.ENV-ECD53F.svg?style=for-the-badge&logo=.ENV&logoColor=black" />
</div>
<div align="center">
<h3>A simple design editor.</h3>
<h3>Demo</h3>
<p><a href="https://youtu.be/zDJ3vSZpoSA" target="_blank">Demo video</a></p>
<p><a href="https://webster-client-e4ded5198720.herokuapp.com/" target="_blank">Website</a></p>
</div>
<br/>
Install & run
Client
Server
<br/>
Deployment diagram
Entity-relationship diagram
Use-case diagram
<br/>
Snapshots
Login
Register
Studio
Image search
Font search
