ShZh's homepage

Codebase of ShZh's homepage, with HTML-first and mobile-first design

Overview

I'm always wandering how to combine better DX and UX when making your personal website.

Here is the best solution I've come up with so far.

You may click shzh.me to see the full view of my homepage.

Benchmark

Lighthouse score(you may run this test locally in your Chrome browser):

Google's PageSpeed Inside score:

Scripts

These scripts are probably useful when contributing.

• yarn start: Runs the app in the development mode.
• yarn add -D: Add devdependency through yarn.
• yarn build: Bundle the app in the production mode.

TODOs

There are more features and optimizaiton to be done.

• i18n support. (#1)
• Dark mode support. (#2)
• Rewrite hamburger button and add animation. (#3)
• Carrousel for projects' cards. (#5)

License

Apache-2.0 License

Copyright ©️ 2021 sh-zh-7