Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shihtingjustin/personal-website
https://github.com/shihtingjustin/personal-website
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/shihtingjustin/personal-website
- Owner: ShihTingJustin
- Created: 2021-08-28T09:13:07.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-18T04:39:45.000Z (almost 2 years ago)
- Last Synced: 2024-04-16T08:50:01.184Z (8 months ago)
- Language: TypeScript
- Homepage: https://jhdev.pro
- Size: 31.8 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Website
This is my personal website with features and great performance, it deployed on Vercel, [try it now](https://jhdev.pro/).## Features
#### UI
* RWD
* Dark futuristic web3 design
* Animate on scroll effect ([AOS](https://michalsnik.github.io/aos/))
* entrance animation ([Lottie](https://lottiefiles.com))#### Internationalization (i18n)
* Fetch translation keys from google sheet and convert to JSON in development environment#### Performance
* Image optimization by custom image loader and imgix cdn
* DNS-prefetch#### SEO and Metrics
* Meta tags
* Google Analytics## Sample
## Chrome Lighthouse Report
![Screen Shot 2022-05-02 at 19 25 30](https://user-images.githubusercontent.com/56827791/166227194-c30c3e3f-2ea7-4931-bd18-166fbd25b8ee.png)## Stack
* Next.js
* TypeScript
* Material UI
* SCSS
* Vercel (deployment)
* imgix (image resizing)
* AWS S3 (image storing)
* Node.js
* Google Sheet API## Author
[ShihTingJustin](https://github.com/ShihTingJustin)
* [LinkedIn](https://www.linkedin.com/in/justinhuang777/)
* [Medium](https://medium.com/%E4%BD%A0%E6%98%AF%E8%87%AA%E7%94%B1%E7%9A%84)
* [Teaching Assistant at ALPHA Camp](https://lighthouse.alphacamp.co/users/2842/ta_profile)