Agency website

Сайт отзывчивого строительства в React JS со стилями компонентов и GSAP для потрясающих анимаций Scroll

Этот репозиторий содержит код для веб -сайта агентства в ReactJS.

Просмотреть демонстрацию: https://agency-website-eta.vercel.app/

Если вы хотите узнать, как его создать, пожалуйста, проверьте следующее руководство ?
Как создать адаптивный веб-сайт в React JS со стилями компонентов и GSAP для потрясающих анимаций Scroll

Изображения веб -сайта:

[Я ценю, если вы даете соответствующий кредит при использовании этого веб -сайта для коммерческого использования]

Ресурсы, используемые в этом проекте

Дизайн в: https://www.figma.com/
3D формы от: https://www.figma.com/community/file/917777039353073016/3d формы
Социальные иконки от: https: //fontawesome.com/
Blob Images от: https://www.figma.com/community/plugin/739208439270091369/blobs
Человеческое изображение: https://www.figma.com/community/plugin/739503328703046360/humaaans-for-figma
SVGS от: https://undraw.co/
Логотип от: https://www.figma.com/community/plugin/768094929040207895/logo-creator
Rocket 3D Image от: https://www.figma.com/community/plugin/769588393361258724/Vectary-3d-elements
Avatar-1: фото Кристиана Риверс на Unsplash
Avatar-2: фото Джозефа Гонсалеса на Unsplash
Avatar-3: фото Сэма Беррисса на Unsplash
Avatar-4: Фотография где-то в Unsplash

Этот проект был загружен с приложением Create React.

Доступные сценарии

В каталоге проекта вы можете запустить:

npm start

Запускает приложение в режиме разработки.
Откройте http: // localhost: 3000, чтобы просмотреть его в браузере.

Страница будет перезагружаться, если вы сделаете изменения.
Вы также увидите любые ошибки ворса в консоли.

npm test

Запускает Test Runner в режиме интерактивных часов.
См. Раздел о запуске тестов для получения дополнительной информации.

npm run build

Создает приложение для производства в папку build .
Он правильно реагирует в производственном режиме и оптимизирует сборку для наилучшей производительности.

Сборка занижена, а имена файлов включают хэши.
Ваше приложение готово к развертыванию!

См. Раздел о развертывании для получения дополнительной информации.

npm run eject

Примечание: это односторонняя операция. После того, как вы eject , вы не можете вернуться!

Если вы не удовлетворены инструментом сборки и выбором конфигурации, вы можете eject в любое время. Эта команда удалит единственную зависимость сборки из вашего проекта.

Вместо этого он скопирует все файлы конфигурации и транзитивные зависимости (Webpack, Babel, Eslint и т. Д.) Все команды, кроме eject все еще будут работать, но они будут указывать на скопированные сценарии, так что вы можете настроить их. На данный момент вы сами.

Вам не нужно когда -либо использовать eject . Кураторский набор функций подходит для небольших и средних развертываний, и вы не должны чувствовать себя обязанным использовать эту функцию. Однако мы понимаем, что этот инструмент не будет полезен, если вы не сможете настроить его, когда будете готовы к нему.

Узнать больше

Вы можете узнать больше в документации Create React App.

Чтобы узнать реагирование, ознакомьтесь с документацией React.

Разделение кода

Этот раздел перешел сюда: https://facebook.github.io/create-react-app/docs/code-spliting

Анализ размера пакета

Этот раздел перешел сюда: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Создание прогрессивного веб -приложения

Этот раздел перешел здесь: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Расширенная конфигурация

Этот раздел перешел здесь: https://facebook.github.io/create-react-app/docs/advanced-configuration

Развертывание

Этот раздел перешел здесь: https://facebook.github.io/create-react-app/docs/deployment

npm run build не может минимизировать

Этот раздел перешел здесь: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails to-minify