weboson / react-three-portfolio

Повтор проекта.

Повторяю проект сайта-портфолио по видео: https://youtu.be/0fYi8SGA20k GitHub repo автора видео: https://github.com/adrianhajdin/project_3D_developer_portfolio Источник остальных файлов: https://drive.google.com/drive/folders/1KVU8iaH0E_JFtShNiR3BgCSA3pawXY4Z Мой конспект в документе: "Сайт-портфолио по видео"

Стек:

1. react
2. react-router-dom
3. three - библиотека для разработки 3D анимаций.
4. framer-motion - библиотека анимаций
5. @react-three/fiber - ускоряет разработку 3D анимации и позволяет объединить компоненты React с их jsx и синтаксис библиотеки “Threejs”
6. maath - коллекция полезных математических помощников, генераторов случайных чисел
7. @emailjs/browser - библиотека для отправки Email на клиенской стороне (без сервера)
8. react-tilt - библиотека для 3D карточки, с наклоном при наведении мыши.
9. react-vertical-timeline-component - готовый компонент со стилизацией под новости, тексты и т.д., при прокрутки анимируется.
10. @react-three/drei - коллекция полезных помощников и полнофункциональных готовых абстракций для @react-three/fiber

Скриншот страницы:

1. Запуск сервера: npm run dev