MeganxLi/parallax-scrolling-website

THE F2E 互動式網頁

HexSchool 2022 The F2E Week1 - The F2E 活動網站設計

Description

UIUX Design

irena 設計 The F2E 互動式網頁設計 Figma UIUX

Programming Languages

• Vite
• JavaScript
• TypeScript
• CSS in JS

Frontend

• React.js
• linaria
• GSAP

Folder Description

.
├── public
│   ├── fonts                   # 字體
│   └── images                  # 頁面使用的圖像
├── src
│   ├── assets/svg              # 使用 icon
│   ├── components              # 共用文件
│   ├── constants               # 管理設定
│   ├── page/                   # 對應的頁面
│   ├── route                   # Route 設定
│   ├── styled/                 # linaria css 樣式
│   ├── styles                  # 基本 css 樣式
│   ├── types                   # TypeScript 型別宣告
│   └── utils                  # 共用函數
├── ...

Building

Install Packages

$ npm install

Start Dev Server

$ npm run dev

Acknowledgements

感謝 irenag UIUX 設計