Повтор проекта.
Повторяю проект сайта-портфолио по видео: https://youtu.be/0fYi8SGA20k GitHub repo автора видео: https://github.com/adrianhajdin/project_3D_developer_portfolio Источник остальных файлов: https://drive.google.com/drive/folders/1KVU8iaH0E_JFtShNiR3BgCSA3pawXY4Z Мой конспект в документе: "Сайт-портфолио по видео"
Стек:
- react
- react-router-dom
- three - библиотека для разработки 3D анимаций.
- framer-motion - библиотека анимаций
- @react-three/fiber - ускоряет разработку 3D анимации и позволяет объединить компоненты React с их jsx и синтаксис библиотеки “Threejs”
- maath - коллекция полезных математических помощников, генераторов случайных чисел
- @emailjs/browser - библиотека для отправки Email на клиенской стороне (без сервера)
- react-tilt - библиотека для 3D карточки, с наклоном при наведении мыши.
- react-vertical-timeline-component - готовый компонент со стилизацией под новости, тексты и т.д., при прокрутки анимируется.
- @react-three/drei - коллекция полезных помощников и полнофункциональных готовых абстракций для @react-three/fiber
Скриншот страницы:
- Запуск сервера: npm run dev