Dotted Sign 點點簽

HexSchool 2022 The F2E Week2 - 簡易線上簽名網站

Description

UIUX Design

Molly Hung 設計 點點簽 Figma UIUX

Programming Languages

• JavaScript
• TypeScript
• SCSS

Frontend

• React.js
• TailwindCSS
• jotai
• react-colorful
• react-signature-canvas
• Fabric.js
• react-pdf
• pdfjs
• Feather
• react-router-dom

Folder Description

.
├── public
│   └── images                  # 頁面使用的 img
├── src
│   ├── assets/svg              # 使用 icon
│   ├── components/             # 共用文件
│   ├── constants/              # 管理設定
│   ├── jotai                   # Jotai 管理
│   ├── page/                   # 對應的頁面
│   ├── route                   # Route 設定
│   ├── styles/                 # Scss & Tailwind 樣式
│   ├── types                   # TypeScript 型別宣告
│   └── utils                  # 共用函數
├── ...

Building

Install Packages

$ npm install

Start Dev Server

$ npm start

Acknowledgements

感謝 Molly Hung ([email protected]) UIUX 設計與討論