Khoa Nguyen's Personal Website

Check it out here!

Features

• The website is fully responsive.
• Support dark and light mode.
• Transition animations.
• An interactive 3D model integrated into the website.

Stack

• React.js - A JavaScript framework for building user interface.
• ChakraUI - A simple, modular and accessible component library helps building React applications.
• Framer Motion - A production-ready motion library for React.
• Spline - A place to design and collaborate in 3D.

Folder structure

$ ROOT
| public
  | # Static files for images and models
| src
  | -- animations
    | # Animation for page's components
  | -- components
    | # React's components
  | -- pages
    | # Pages
  | -- styles
    | # Page's styling and themes