Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shihtingjustin/personal-website


https://github.com/shihtingjustin/personal-website

Last synced: about 1 month ago
JSON representation

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)