HelloWorld 2022 Web-PR

React Project built on Vite JS

Main command

• run command: pnpm run dev
• build command: pnpm run build
• install node modules: pnpm install

Installed packages

• Tailwind css https://tailwindcss.com/
• HowlerJS for playing audio https://github.com/goldfire/howler.js#documentation
• React Icons https://react-icons.github.io/react-icons/
• Fullpage JS https://github.com/alvarotrigo/react-fullpage
• Styled-components https://styled-components.com/
• react-carousel https://trendyol.github.io/react-carousel/docs/installation
• Framer motion https://www.framer.com/motion/

Custom hooks

• useWindowDimensions to get window width and height

const { height, width } = useWindowDimensions();

• useMouseMove to use mouse move parallax effect

// add className="mousemove" to the element you want to use mouse move parallax effect

// add data-speed={number} as a prop to the element