View project live

Jared Yeung Portfolio and Blog

By Jared Yeung

Jared Yeung Portfolio and Blog, for work showcase, learning, designing and developing experiment, life blog

Project Shots

Pre - Loading
Hero Section
Menu
Home Page Single Page Full Page in Default mode
Home Page Single page full page in Dark mode
Archive Page
About Me Page (Hard Code)
Growth Page (Using Sanity CMS, can upload the latest one in sanity studio)
Contact Me Page (Hard Code)
404 Page
Post Page - 2
Post Page - 1
Fetching Page (X sanity, in nextjs/ reactjs) (Hard Code)
Design - Logo
Design - Logo - 2
Design - Logo - 3
Design - Typeface

Editing environment

Customized Post Order

About the project

Hosting: Vercel

Framework: ReactJS (NextJS)

CMS: Sanity CMS

CSS Styling: Tailwind CSS

Motion: Framer

Comment: Disqus

Features

  • Dark/ Light Mode
  • Random Quote (Author description above)
  • Loading effect
  • Preloading
  • Motion (Scroll trigger)
  • Contact Me Form
  • Sitemap
  • 404 page link
  • Post
  • Archive list (categories, skills, industries, posts, works, experiments)
  • Fetching Weather
  • Fetching Spotify (My top tracks, Artists, curreny listening, latest albums in local market)
  • Fetching The New York Times (Book list, Top Articles, Movie Reviews)
  • Fetching RSS (Coursera, Open Culture, Codeacdemy, BBC)

Contributor