Justin Hoang's Portfolio

This is updated version of the portfolio using Next.js v13.2.3 and React.js v18.2.0
Rewrite using TypeScript

Getting Started

First, after you cloned the repository install all necessary dependencies

yarn install

Second, run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

ChakraUI Docs - learn how to use chakra.
Next.js Documentation - learn about Next.js features and API.
Sass Documentation - learn a better to style your website.
React.js Documentation - this framework is well known! No need to explain.
TypeScript Documentation - better version of JavaScript for web development.
three.js Documentation - WebGL framework allows for 3D rendering on your website.
netlify cli Documentation - website hosting service command-line tool for direct integration.
date-fns - Modern JavaScript date & time utility library
NodeMailer - Module for email sending

Useful resources

Using Three.js with React project: react three fiber docs
Cool Tilt animations for on hover affects: react-parallax-tilt
If you need to name a color variable: reverse color name lookup.
If you need to generate gradient: CSS Gradient
If you need help figuring out the standard structure for Design System: Material Design
If you need to convert .svg file into .tsx file: SVGR playground, Frontend Toolkit
Common viewport sizing look-up: General, Mobile-only.