/hereafter-revamp

The revamped HereAfter project, aiming to provide an engaging experience.

Primary LanguageTypeScript

Hereafter Revamp

This is a project to revamp the Hereafter.

Due to the design issues, Traditional Chinese provides the best user experience. I am currently working on Internationalization (i18n) to offer a better experience for non-Chinese users.

The current English translation uses ChatGPT for translation.

這是一個重新設計並改寫的 Hereafter 專案。

由於設計問題,繁體中文能提供最好的使用者體驗。我正在致力於進行國際化翻譯以改善非繁體中文使用者的體驗。

目前的英文使用 ChatGPT 翻譯。

開發環境(Environment)

pnpm version: 9.6.0
Node.js version: 20.14.0

pnpm 版本:9.6.0
Node.js 版本:20.14.0

技術選擇和工具(Skill Stack and Tools)

This section is written in English to avoid potential misunderstandings that might arise from a Chinese version.

這部分覺得寫成中文反而會比較難懂,故以英文書寫。

  • next: full-stack framework
  • typescript: type checking
  • zod: runtime validation
  • i18next & react-i18next: internationalization (i18n)
  • cookies-next: universal cookie handling
  • next-themes: theming
  • framer-motion: animation
  • class-variance-authority: creating variants
  • shadcn/ui, radix-ui & react-aria: accessible ui components
  • tailwindcss and tailwindcss-3d: styling
  • postcss and autoprefixer: post-processing CSS
  • eslint: linting
  • prettier: code formatting
  • husky: git hooks
  • commitlint: commit message linting (conventional commits)
  • markdownlint: markdown linting
  • stylelint & stylelint-order: style linting
  • svgo: SVG optimization
  • @next/bundle-analyzer: bundle size analysis
  • @vercel/analytics: web analytics collecting
  • @vercel/speed-insights: speed insights analysis

網頁聲明(Disclaimer)

The original project was purely for learning and demonstrating front-end developing, and will not be used for any commercial purposes.

Due to time constraints, some materials from online websites were used. If there are any copyright issues that need to be addressed, please contact me.

I will do my best to gradually replace the materials with self-produced ones to avoid this concern.

原專案純粹作為學習並展示前端開發成果之用,不會有任何商業用途。

礙於時程,因此有使用到一些線上網頁的素材。如果有任何侵權問題希望改善,請聯絡我。

我會盡力逐漸將素材更改為自行製作,以避免此疑慮。

Email: dandelion820308@gmail.com

參考素材(References & Resources)

鳴謝(Acknowledgements)

In addition to the teams behind the dependencies used in this project, I would also like to thank the creators of the following tools or services.

除了使用到的開源函式庫的製作團隊,也想感謝以下工具或服務的製作者。