- This is updated version of the portfolio using Next.js v13.2.3 and React.js v18.2.0
- Rewrite using TypeScript
First, after you cloned the repository install all necessary dependencies
yarn installSecond, run the development server:
yarn devOpen 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.